分类首页样式调整,需求发布接口对接

This commit is contained in:
”chenxuelian“
2023-01-31 22:35:12 +08:00
parent e4faef661c
commit 22d4ab414a
4 changed files with 47 additions and 26 deletions

View File

@@ -16,7 +16,7 @@
<image :src="item.icon" mode="aspectFit" class="icon"
:style="{border: item.active?'2rpx #14CA65 solid':'0',}" />
</view>
<view class="name">
<view class="name" :style="{width: item.active?'152rpx':'126rpx'}">
<u-tag v-if="item.active" :text="item.name" bg-color="#14CA65" color="#fff"
borderColor="#14CA65" shape="circle" />
<text v-else class="no-active">{{item.name}}</text>
@@ -377,7 +377,7 @@
})
} else {
this.isAllData = true
this.$toast.warn('没有更多数据')
this.$toast.warn('暂无数据')
}
}).finally(_ => {})
@@ -411,14 +411,14 @@
}
.category-view {
height: 230rpx;
height: fit-content;
background-color: #F6F6F6;
display: flex;
justify-content: space-around;
.left {
width: calc(100% - 60rpx);
padding: 32rpx;
padding: 30rpx;
display: flex;
overflow: auto;
@@ -436,15 +436,15 @@
text-align: center;
.icon {
width: 100rpx;
height: 100rpx;
width: 86rpx;
height: 86rpx;
padding: 4rpx;
border-radius: 50%;
}
}
.name {
width: 156rpx;
width: 126px;
text-align: center;
.no-active {