|
@@ -58,14 +58,10 @@
|
|
<text class="iconfont icon-xiayibu"></text>
|
|
<text class="iconfont icon-xiayibu"></text>
|
|
</view>
|
|
</view>
|
|
<view class="hotgoods-swiper">
|
|
<view class="hotgoods-swiper">
|
|
- <scroll-view class="floor-list" scroll-x>
|
|
|
|
- <view class="scoll-wrapper">
|
|
|
|
- <view
|
|
|
|
- v-for="(item, index) in organizeProducts" :key="index"
|
|
|
|
- class="floor-item"
|
|
|
|
- @click.stop="navToDetailPage(item.productID)"
|
|
|
|
- >
|
|
|
|
- <image class="tui-skeleton-fillet" :src="item.mainImage" mode="aspectFill"></image>
|
|
|
|
|
|
+ <view class="scoll-wrapper clearfix">
|
|
|
|
+ <view class="floor-item" v-for="(item, index) in organizeProducts" :key="index" @click.stop="navToDetailPage(item.productID)">
|
|
|
|
+ <image class="tui-skeleton-fillet" :src="item.mainImage" mode="aspectFill"></image>
|
|
|
|
+ <view class="floor-item-content">
|
|
<view class="title tui-skeleton-rect">
|
|
<view class="title tui-skeleton-rect">
|
|
<text class="mclap">{{item.name}}</text>
|
|
<text class="mclap">{{item.name}}</text>
|
|
</view>
|
|
</view>
|
|
@@ -76,6 +72,7 @@
|
|
</view>
|
|
</view>
|
|
<view class="title-none" v-show="item.price1TextFlag == '2'">
|
|
<view class="title-none" v-show="item.price1TextFlag == '2'">
|
|
<text class="p big">价格仅会员可见</text>
|
|
<text class="p big">价格仅会员可见</text>
|
|
|
|
+ <text class="p btn" @click.stop="this.$api.navigateTo(`/pages/login/apply?clubStatus=${clubStatus}`)">去升级</text>
|
|
</view>
|
|
</view>
|
|
<view class="price tui-skeleton-rect" v-show="item.price1TextFlag == '0'">
|
|
<view class="price tui-skeleton-rect" v-show="item.price1TextFlag == '0'">
|
|
<text class="p sm">¥</text>
|
|
<text class="p sm">¥</text>
|
|
@@ -100,16 +97,16 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- </scroll-view>
|
|
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 底部 -->
|
|
<!-- 底部 -->
|
|
<view class="footer-section ">
|
|
<view class="footer-section ">
|
|
- <view class="s-header tui-skeleton-fillet">
|
|
|
|
|
|
+ <view class="s-header member tui-skeleton-fillet">
|
|
<text class="tip">医美机构正品联盟</text>
|
|
<text class="tip">医美机构正品联盟</text>
|
|
</view>
|
|
</view>
|
|
<view class="f-content tui-skeleton-fillet" @click="navto('/pages/service/member')">
|
|
<view class="f-content tui-skeleton-fillet" @click="navto('/pages/service/member')">
|
|
- <image class="tui-banner" src="https://img.caimei365.com/group1/M00/03/71/Cmis2F3wna6AEwQlAAjGFdpI2LM357.png" mode=""></image>
|
|
|
|
|
|
+ <image class="tui-banner" src="https://img.caimei365.com/group1/M00/03/71/Cmis2F3wna6AEwQlAAjGFdpI2LM357.png" mode="scaleToFill"></image>
|
|
</view>
|
|
</view>
|
|
<view class="f-tab-section">
|
|
<view class="f-tab-section">
|
|
<!-- 优选分类 -->
|
|
<!-- 优选分类 -->
|
|
@@ -178,6 +175,7 @@
|
|
},
|
|
},
|
|
CustomBar:this.CustomBar,// 顶部导航栏高度
|
|
CustomBar:this.CustomBar,// 顶部导航栏高度
|
|
userID:'',
|
|
userID:'',
|
|
|
|
+ clubStatus:'',
|
|
current:0,
|
|
current:0,
|
|
mode:'round',
|
|
mode:'round',
|
|
modallayer:false,
|
|
modallayer:false,
|
|
@@ -226,6 +224,7 @@
|
|
this.isLogin = true;
|
|
this.isLogin = true;
|
|
this.userID = response.data.userID;
|
|
this.userID = response.data.userID;
|
|
this.userIdentity = response.data.userIdentity;
|
|
this.userIdentity = response.data.userIdentity;
|
|
|
|
+ this.clubStatus = response.data.clubStatus;
|
|
this.$store.commit('updateStatus',response.data)
|
|
this.$store.commit('updateStatus',response.data)
|
|
this.login(response.data);
|
|
this.login(response.data);
|
|
uni.setStorageSync('token',response.data.token)
|
|
uni.setStorageSync('token',response.data.token)
|
|
@@ -262,7 +261,7 @@
|
|
})
|
|
})
|
|
},
|
|
},
|
|
getOrganizeProducts(){//获取模块三商品
|
|
getOrganizeProducts(){//获取模块三商品
|
|
- queryPreferred({userId:this.userID,preferredFlag:100,pageNum:1,pageSize:5}).then(res =>{
|
|
|
|
|
|
+ queryPreferred({userId:this.userID,preferredFlag:100,pageNum:1,pageSize:6}).then(res =>{
|
|
this.organizeProducts = res.data.results
|
|
this.organizeProducts = res.data.results
|
|
}).catch(error =>{
|
|
}).catch(error =>{
|
|
this.$util.msg(error.msg,2000)
|
|
this.$util.msg(error.msg,2000)
|
|
@@ -372,7 +371,7 @@
|
|
height: auto;
|
|
height: auto;
|
|
}
|
|
}
|
|
.container-home{
|
|
.container-home{
|
|
-
|
|
|
|
|
|
+ background: #FFFFFF;
|
|
}
|
|
}
|
|
.swiper-banner-box{
|
|
.swiper-banner-box{
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -389,6 +388,7 @@
|
|
border-radius: 24rpx;
|
|
border-radius: 24rpx;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
transform: translateY(0);
|
|
transform: translateY(0);
|
|
|
|
+ box-shadow:0px 3px 6px rgba(225,86,22,0.08);
|
|
.banner-item{
|
|
.banner-item{
|
|
border-radius: 24rpx;
|
|
border-radius: 24rpx;
|
|
}
|
|
}
|
|
@@ -508,18 +508,19 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.hotgoods-section{
|
|
.hotgoods-section{
|
|
- padding: 4rpx 0 24rpx 24rpx;
|
|
|
|
- background: #fff;
|
|
|
|
|
|
+ background: #FFFFFF;
|
|
.s-header{
|
|
.s-header{
|
|
display:flex;
|
|
display:flex;
|
|
align-items:center;
|
|
align-items:center;
|
|
height: 50rpx;
|
|
height: 50rpx;
|
|
line-height: 50rpx;
|
|
line-height: 50rpx;
|
|
|
|
+ border-radius: 20rpx 20rpx 0 0;
|
|
.tip{
|
|
.tip{
|
|
flex: 4;
|
|
flex: 4;
|
|
font-size: 30rpx;
|
|
font-size: 30rpx;
|
|
color: $text-color;
|
|
color: $text-color;
|
|
font-weight: bolder;
|
|
font-weight: bolder;
|
|
|
|
+ padding-left: 24rpx;
|
|
}
|
|
}
|
|
.tit{
|
|
.tit{
|
|
flex: 4.4;
|
|
flex: 4.4;
|
|
@@ -539,75 +540,102 @@
|
|
width: 100%;
|
|
width: 100%;
|
|
height: auto;
|
|
height: auto;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
- scroll-view{
|
|
|
|
- padding: 26rpx 0;
|
|
|
|
- width: 100%;
|
|
|
|
- }
|
|
|
|
|
|
+ padding-top: 24rpx;
|
|
|
|
+ background: #FFFFFF;
|
|
|
|
+ border-radius: 20rpx;
|
|
|
|
+ margin-bottom: 20rpx;
|
|
|
|
+ box-shadow:0px 3px 6px rgba(225,86,22,0.07);
|
|
.scoll-wrapper{
|
|
.scoll-wrapper{
|
|
- display:flex;
|
|
|
|
- align-items: flex-start;
|
|
|
|
- }
|
|
|
|
- .floor-item{
|
|
|
|
- width: 210rpx;
|
|
|
|
- padding-right: 24rpx;
|
|
|
|
- font-size: $font-size-24;
|
|
|
|
- color: $text-color;
|
|
|
|
- line-height: 36rpx;
|
|
|
|
- border-radius: 10rpx;
|
|
|
|
- image{
|
|
|
|
- width: 210rpx;
|
|
|
|
- height: 217rpx;
|
|
|
|
|
|
+ width: 702rpx;
|
|
|
|
+ height: auto;
|
|
|
|
+ padding:24rpx 24rpx 0 24rpx;
|
|
|
|
+ background: #F2F2F2;
|
|
|
|
+ border-radius: 20rpx;
|
|
|
|
+ .floor-item{
|
|
|
|
+ width: 341rpx;
|
|
|
|
+ margin-right: 20rpx;
|
|
|
|
+ font-size: $font-size-24;
|
|
|
|
+ color: $text-color;
|
|
|
|
+ line-height: 36rpx;
|
|
border-radius: 10rpx;
|
|
border-radius: 10rpx;
|
|
- }
|
|
|
|
- .title-none{
|
|
|
|
- font-size: $font-size-26;
|
|
|
|
- color: #FF2A2A;
|
|
|
|
- line-height: 60rpx;
|
|
|
|
- }
|
|
|
|
- .title{
|
|
|
|
- width: 210rpx;
|
|
|
|
- height: 72rpx;
|
|
|
|
- display: flex;
|
|
|
|
- flex-direction: column;
|
|
|
|
- .mclap{
|
|
|
|
- width: 100%;
|
|
|
|
- line-height: 36rpx;
|
|
|
|
- text-overflow:ellipsis;
|
|
|
|
- display: -webkit-box;
|
|
|
|
- word-break: break-all;
|
|
|
|
- -webkit-box-orient: vertical;
|
|
|
|
- -webkit-line-clamp: 2;
|
|
|
|
- overflow: hidden;
|
|
|
|
- font-size: 26rpx;
|
|
|
|
|
|
+ margin-bottom: 24rpx;
|
|
|
|
+ background: #FFFFFF;
|
|
|
|
+ border-radius:10rpx;
|
|
|
|
+ float: left;
|
|
|
|
+ &:nth-child(2n){
|
|
|
|
+ margin-right: 0;
|
|
}
|
|
}
|
|
- }
|
|
|
|
- .no-price{
|
|
|
|
- height: 36rpx;
|
|
|
|
- line-height: 36rpx;
|
|
|
|
- display: flex;
|
|
|
|
- margin-top: 8rpx;
|
|
|
|
- .p-no{
|
|
|
|
- font-size: $font-size-24;
|
|
|
|
- color: $color-system;
|
|
|
|
- margin-right: 5rpx;
|
|
|
|
|
|
+ image{
|
|
|
|
+ width: 341rpx;
|
|
|
|
+ height: 341rpx;
|
|
|
|
+ border-radius: 20rpx 20rpx 0 0;
|
|
}
|
|
}
|
|
- .p-stars{
|
|
|
|
- margin-top: 3rpx;
|
|
|
|
|
|
+ .floor-item-content{
|
|
|
|
+ width: 311rpx;
|
|
|
|
+ padding: 0 15rpx;
|
|
}
|
|
}
|
|
- image{
|
|
|
|
- width:30rpx;
|
|
|
|
- height: 36rpx;
|
|
|
|
|
|
+ .title-none{
|
|
|
|
+ font-size: $font-size-26;
|
|
|
|
+ color: #FF2A2A;
|
|
|
|
+ line-height: 80rpx;
|
|
|
|
+ .btn{
|
|
|
|
+ display: inline-block;
|
|
|
|
+ float: right;
|
|
|
|
+ width: 112rpx;
|
|
|
|
+ height: 44rpx;
|
|
|
|
+ background: $btn-confirm;
|
|
|
|
+ line-height: 44rpx;
|
|
|
|
+ font-size: $font-size-24;
|
|
|
|
+ color: #FFFFFF;
|
|
|
|
+ text-align: center;
|
|
|
|
+ border-radius: 10rpx;
|
|
|
|
+ margin-top: 17rpx;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- }
|
|
|
|
- .price{
|
|
|
|
- color:#FF2A2A;
|
|
|
|
- line-height: 20rpx;
|
|
|
|
- margin-top: 18rpx;
|
|
|
|
- .sm{
|
|
|
|
- font-size: $font-size-24;
|
|
|
|
|
|
+ .title{
|
|
|
|
+ width: 210rpx;
|
|
|
|
+ height: 72rpx;
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ .mclap{
|
|
|
|
+ width: 100%;
|
|
|
|
+ line-height: 36rpx;
|
|
|
|
+ text-overflow:ellipsis;
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ word-break: break-all;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ font-size: 26rpx;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- .big{
|
|
|
|
- font-size: $font-size-28;
|
|
|
|
|
|
+ .no-price{
|
|
|
|
+ height: 36rpx;
|
|
|
|
+ line-height: 36rpx;
|
|
|
|
+ display: flex;
|
|
|
|
+ margin-top: 8rpx;
|
|
|
|
+ .p-no{
|
|
|
|
+ font-size: $font-size-24;
|
|
|
|
+ color: $color-system;
|
|
|
|
+ margin-right: 5rpx;
|
|
|
|
+ }
|
|
|
|
+ .p-stars{
|
|
|
|
+ margin-top: 3rpx;
|
|
|
|
+ }
|
|
|
|
+ image{
|
|
|
|
+ width:30rpx;
|
|
|
|
+ height: 36rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .price{
|
|
|
|
+ color:#FF2A2A;
|
|
|
|
+ line-height: 80rpx;
|
|
|
|
+ .sm{
|
|
|
|
+ font-size: $font-size-24;
|
|
|
|
+ }
|
|
|
|
+ .big{
|
|
|
|
+ font-size: $font-size-28;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -615,12 +643,13 @@
|
|
.footer-section{
|
|
.footer-section{
|
|
width: 702rpx;
|
|
width: 702rpx;
|
|
padding: 0 24rpx 30rpx 24rpx;
|
|
padding: 0 24rpx 30rpx 24rpx;
|
|
|
|
+ background: #FFFFFF;
|
|
|
|
+ border-radius: 20rpx;
|
|
.s-header{
|
|
.s-header{
|
|
display:flex;
|
|
display:flex;
|
|
align-items:center;
|
|
align-items:center;
|
|
- height: 40rpx;
|
|
|
|
- line-height: 40rpx;
|
|
|
|
- margin-bottom: 38rpx;
|
|
|
|
|
|
+ height: 80rpx;
|
|
|
|
+ line-height: 80rpx;
|
|
.tip{
|
|
.tip{
|
|
flex: 1;
|
|
flex: 1;
|
|
font-size: 30rpx;
|
|
font-size: 30rpx;
|