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

View File

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