This commit is contained in:
kbing1981 2024-07-04 18:42:00 +08:00
parent ffff0b135c
commit 2a3a96d568
2 changed files with 27 additions and 27 deletions

View File

@ -25,11 +25,12 @@
<image :src="item.massageImg" mode=""></image>
</view>
<view class="item-view">
<view class="item-view-title">
{{item.title}}
<view class="view-cata">
<span class="item-view-title">{{item.title}}</span>
<span class="xiaoer item-view-biao">{{item.classifyName}}</span>
</view>
<view class="item-view-xiangmu">
<span class="xiaoer item-view-biao">{{item.classifyName}}</span>
<view class="item-view-bottom-qian">
<span></span>
<span style="color: #F95900;">{{item.price}}</span>
@ -40,8 +41,11 @@
<view class="item-view-jianjie">
{{item.jianjie}}
</view>
<view class="item-view-bottom">
<span>已售{{item.sales}}w+ <!-- | 好评{{item.esteemRate}}% --></span>
<view class="item-view-xiangmu" style="align-items: flex-end; ">
<span style="font-size: 26rpx; color: #999; margin-right: 8rpx;">已售</span><span style="font-size: 26rpx; color: #333;">{{item.sales}}w+ <!-- | 好评{{item.esteemRate}}% --></span>
</view>
<view class="item-view-bottom-btn">
查看
</view>
@ -216,7 +220,7 @@
}
.item-view-bottom-qian span:nth-child(3){
font-weight: 400;
font-size: 20rpx;
font-size: 26rpx;
color: #F95900;
}
.item-view-bottom{
@ -238,18 +242,19 @@
text-overflow: ellipsis;
}
.item-view-biao{
padding: 1px 2px;
border-radius: 6rpx;
border-radius: 15rpx 3rpx 15rpx 3rpx;
}
.tuina{
background-color:#d1f2df;
color: #17984d;
}
.xiaoer{
padding: 2px 8px;
width: 120rpx;
height: 35rpx;
line-height: 35rpx;
text-align: center;
background-color:#f1f8d7;
color: #58b314;
border-radius: 3px;
font-size: 20rpx;
}
.taishi{
@ -273,9 +278,13 @@
margin-top: 5px;
}
.item-view-title{
width: 76%;
font-weight: bold;
font-size: 32rpx;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.item-view{
width: 55%;
@ -432,5 +441,9 @@
justify-content: space-between;
background-color: #fff;
}
.view-cata{
display: flex;
flex-direction: row;
align-items: center;
}
</style>

View File

@ -72,7 +72,6 @@
titleNmae:'',
classifyId:'',
getName:'',
scrollTop: false,
}
},
onLoad(e){
@ -85,17 +84,6 @@
this.page = 1;
this.getData()
},
onPageScroll: function(e) {
this.scrollTop = e.scrollTop > 200;
},
onReachBottom: function() {
this.page = this.page + 1;
this.getData('');
},
onPullDownRefresh: function() {
this.page = 1;
this.getData('Refresh');
},
methods: {
//
loadMore: async function() {
@ -174,15 +162,14 @@
background-color: #f7f7f7;
}
/deep/.refresh-body{
border-top: 2px solid #f7f7f7;
margin-top: 50px;
height: 800px !important;
overflow: scroll;
height: 100% !important;
border-top: 2px solid #f7f7f7;
margin: 50px 0px;
}
.content-view{
width: 100%;
height: 100vh;
overflow: scroll;
overflow: auto;
background-color: #f7f7f7;
position: relative;
}