分类首页样式调整,需求发布接口对接
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user