This commit is contained in:
parent
ffff0b135c
commit
2a3a96d568
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue