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