This commit is contained in:
kbing1981 2024-07-30 09:57:30 +08:00
commit cd270c2a3a
20 changed files with 874 additions and 758 deletions

View File

@ -33,8 +33,11 @@
</checkbox-group>
</template>
</t-refresh>
<view class="push-button" @tap="shiYong()">
<span class="que-btn">立即使用</span>
<view class="push-button" @tap="shiYong()" v-if="isCoupon==null">
<span class="que-btn">立即领取</span>
</view>
<view class="push-button" v-else>
<span class="que-btn2">已经领取</span>
</view>
<empty v-if="hongbao.length==0"></empty>
</view>
@ -70,11 +73,13 @@
contentdown: '上拉显示更多',
contentrefresh: '正在加载...',
contentnomore: '没有更多数据了'
}
},
isCoupon: 0
}
},
onLoad() {
this.getMyList();
this.getUserInfo();
},
methods: {
shiYong(){
@ -82,11 +87,11 @@
that.$Request.get('/app/coupon/insertNewUserCoupon').then(res => {
if (res.code == 0) {
uni.showToast({
title:'抢购成功!'
})
uni.switchTab({
url:'/pages/index/index'
// title:''
icon:'success',
title:"领取成功"
})
setTimeout(()=>{this.goHome()},1500)
}else{
uni.showToast({
icon:'error',
@ -95,6 +100,11 @@
}
})
},
goHome(){
uni.switchTab({
url:'/pages/index/index'
})
},
//
loadMore: async function() {
//loadingType: 0. 1. 2.
@ -108,7 +118,14 @@
},1000)
}
},
getUserInfo() {
this.$Request.getT('/app/user/selectUserById').then(res => {
if (res.code == 0) {
this.isCoupon = res.data.isCoupon;
console.log(this.isCoupon);
}
})
},
getMyList() {
this.loadingType = 1;
uni.showLoading({
@ -172,6 +189,20 @@
margin-top: 4px;
font-size: 34rpx;
}
.que-btn2{
display: inline-block;
width: 90%;
text-align: center;
background: linear-gradient(90deg, #949494, #b4b4b4, #c5c5c5);
height: 40px;
border-radius: 28px;
color: #ffffff;
line-height: 40px;
margin-top: 4px;
font-size: 34rpx;
}
/deep/.page-box{
width: 100%;
}

View File

@ -24,9 +24,11 @@
<view class="youhui-view-right">
<view class="youhui-view-right-top">
<view class="youhui-view-right-title">{{item.couponName}}</view>
<view class="youhui-view-right-time">{{item.endDate}}</view>
<view class="time-money" style="margin-top: 10px;">
<view class="youhui-view-right-time">{{item.createTime.substring(0,10)}} ~ </view>
<view class="youhui-view-right-time" style="margin-left: 3px;"> {{item.expirationTime.substring(0,10)}}</view>
</view>
</view>
<view class="youhui-view-right-btn" @tap="shiYong()">立即使用</view>
</view>
</view>
</view>
@ -44,7 +46,10 @@
<view class="youhui-view-right" style="justify-content: space-around;">
<view class="youhui-view-right-top">
<view class="youhui-view-right-title">{{item.couponName}}</view>
<view class="youhui-view-right-time">{{item.endDate}}</view>
<view class="time-money" style="margin-top: 10px;">
<view class="youhui-view-right-time">{{item.createTime.substring(0,10)}} ~ </view>
<view class="youhui-view-right-time" style="margin-left: 3px;"> {{item.expirationTime.substring(0,10)}}</view>
</view>
</view>
<image class="youhui-img" src="../../static/youhuijuan/chapter.png"></image>
</view>
@ -64,7 +69,10 @@
<view class="youhui-view-right" style="justify-content: space-around;">
<view class="youhui-view-right-top">
<view class="youhui-view-right-title">{{item.couponName}}</view>
<view class="youhui-view-right-time">{{item.endDate}}</view>
<view class="time-money" style="margin-top: 10px;">
<view class="youhui-view-right-time">{{item.createTime.substring(0,10)}} ~ </view>
<view class="youhui-view-right-time" style="margin-left: 3px;"> {{item.expirationTime.substring(0,10)}}</view>
</view>
</view>
<image class="youhui-img" src="../../static/youhuijuan/chapter1.png"></image>
</view>
@ -137,7 +145,6 @@
})
},
getMyList() {
this.$Request.getT('/app/coupon/selectCouponUserList?page='+this.page+'&limit='+this.size+'&status=' + this.tabIndex).then(res => {
if (res.code == 0) {
if (this.page == 1) this.hongbao = []; //
@ -234,15 +241,21 @@
text-shadow: 0rpx 2rpx 4rpx rgba(0,119,104,0.44);
margin-left: 10px;
}
.time-money{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
}
.youhui-view-right-time{
font-weight: 400;
font-size: 22rpx;
/*font-weight: 400;*/
font-size: 30rpx;
color: #999999;
}
.youhui-view-right-title{
width: 260rpx;
font-weight: 400;
font-size: 28rpx;
font-size: 30rpx;
color: #333333;
}
.youhui-view-right-top{

View File

@ -266,14 +266,14 @@
margin-left: 10px;
}
.youhui-view-right-time{
font-weight: 400;
font-size: 22rpx;
/*font-weight: 400;*/
font-size: 30rpx;
color: #999999;
}
.youhui-view-right-title{
width: 260rpx;
font-weight: 400;
font-size: 28rpx;
font-size: 30rpx;
color: #333333;
}
.youhui-view-right-top{

View File

@ -144,8 +144,9 @@
},
onLoad(d) {
this.userId = this.$queue.getData('userId');
this.byUserId = d.byUserId
this.chatConversationId = d.chatConversationId;
let scoket = uni.getStorageSync('wbescokt')
this.byUserId = scoket.byUserId
this.chatConversationId = scoket.chatConversationId;
this.connect();
},
computed: {

View File

@ -53,17 +53,18 @@
<span class="xiaoer item-view-biao">{{item.classifyName}}</span>
</view>
<view class="item-view-bottom-qian">
<span></span>
<span>{{item.price}}</span>
<span></span>
<span>{{item.price}}</span>
<span>/{{item.serviceCount}}</span>
<span></span>
<span>{{item.oldPrice}}/{{item.serviceCount}}</span>
<span>{{item.oldPrice}}/{{item.serviceCount}}</span>
</view>
<view class="flex" style="margin-top: 10rpx;">
<view class="shop_label" v-if="item.tagsData!=''">
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
</view>
<view class="shop_label" v-else>
<span>助眠解压</span>
</view>
</view>
<view class="item-view-bottom">
<view class="item-view-xiangmu">
@ -194,9 +195,7 @@
margin-bottom: 8rpx;
color: #f68607;
}
.item-view-bottom-qian{
margin-top: 5px;
}
.item-view-bottom-btn{
text-align: center;
width: 131rpx;
@ -208,36 +207,43 @@
font-size: 28rpx;
color: #FFFFFF;
}
.item-view-bottom-qian span:nth-child(5){
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
}
.item-view-bottom-qian span:nth-child(4){
font-size: 26rpx;
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
margin-left: 5px;
}
.item-view-bottom-qian span:nth-child(5){
font-size: 26rpx;
color: #848484;
text-decoration-line: line-through;
}
.item-view-bottom-qian span:nth-child(1){
.item-view-bottom-qian span:nth-child(3){
font-weight: 400;
font-size: 26rpx;
color: #F95900;
font-size: 28rpx;
color: #FF1200;
}
.item-view-bottom-qian span:nth-child(2){
font-weight: bold;
font-size: 36.81rpx;
color: #F95900;
color: #FF1200;
}
.item-view-bottom-qian span:nth-child(3){
font-size: 26rpx;
color: #F95900;
.item-view-bottom-qian span:nth-child(1){
font-weight: 400;
font-size: 28rpx;
color: #FF1200;
}
.item-view-bottom-qian{
margin-top: 5px;
}
.item-view-bottom{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.item-view-jianjie{
font-weight: 400;
@ -272,12 +278,14 @@
}
.item-view-xiangmu span:nth-child(2){
font-weight: normal;
color: #666666;
color: #333333;
font-size: 30rpx;
}
.item-view-xiangmu span:nth-child(1){
font-weight: normal;
color: #999;
color: #666666;
margin-right: 5rpx;
font-size: 30rpx;
}
.item-view-xiangmu{
width: 100%;
@ -297,17 +305,17 @@
white-space: nowrap;
}
.item-view{
width: 55%;
width:59%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
justify-content: space-between;
padding: 10rpx 0;
padding:5rpx 0;
}
.item-img{
width: 285rpx;
height: 120px;
width: 246rpx;
height: 206rpx;
border-radius: 14rpx;
position: relative;
}

View File

@ -23,8 +23,8 @@
<view class="header-bottom-money-view">
<view class="header-bottom-money1">
<view class="header-bottom-money-zhen">
<span></span>
<span>{{mainData.price}}</span>
<span></span>
<span>{{mainData.price}}</span>
<span v-if="dataList.name=='index'">/{{serviceCount}}</span>
<span v-else>/{{mainData.serviceCount}}</span>
</view>
@ -1176,21 +1176,21 @@
font-size: 28rpx;
color: #848484;
line-height: 37rpx;
text-decoration-line: line-through;
margin-left: 5px;
text-decoration: line-through;
}
.header-bottom-money-zhen span{
color: #FF1200;
}
.header-bottom-money-zhen span:nth-child(1){
font-size: 25rpx;
font-size: 28rpx;
}
.header-bottom-money-zhen span:nth-child(2){
font-size:40rpx;
font-size:38rpx;
font-weight: bold;
}
.header-bottom-money-zhen span:nth-child(3){
font-size: 25rpx;
font-size: 28rpx;
}
.header-bottom-money-zhen{
display: flex;

View File

@ -34,27 +34,25 @@
<span class="xiaoer item-view-biao">{{item.classifyName}}</span>
<span>已售{{item.sales}} | 好评{{item.esteemRate}}%</span>
</view> -->
<view class="item-view-bottom">
<view class="item-view-bottom-qian">
<span></span>
<span>{{item.price}}</span>
<span v-if="item.type!='104'">
/{{item.serviceCount?item.serviceCount:''}}{{item.type=='105'||item.type=='106'?'':''}}
</span>
<span v-if="item.type=='104'">/
</span>
<span v-if="item.type!='104'">{{item.oldPrice}}/{{item.serviceCount?item.serviceCount:''}}{{item.type=='105'||item.type=='106'?'':''}}</span>
<span v-if="item.type=='104'">{{item.oldPrice}}/</span>
</view>
<span></span>
<span>{{item.price}}</span>
<span v-if="item.type!='104' && item.type!='105' && item.type!='106'"></span>
<span v-else-if="item.type=='104'">/</span>
<span v-else>/{{item.serviceCount?item.serviceCount:''}}</span>
<span>{{item.oldPrice}}</span>
<span v-if="item.type!='104' && item.type!='105' && item.type!='106'"></span>
<span v-else-if="item.type=='104'">/</span>
<span v-else>/{{item.serviceCount?item.serviceCount:''}}</span>
</view>
<view class="flex" style="margin-top: 10rpx;">
<view class="shop_label" v-if="item.tagsData!=''">
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
</view>
<view class="shop_label" v-else>
<span>助眠解压</span>
</view>
</view>
<view class="item-view-bottom">
<view class="item-view-xiangmu">
<span>已售</span><span>{{item.sales}}</span><!-- | 好评{{item.esteemRate}}% -->
@ -232,33 +230,41 @@
font-size: 28rpx;
color: #FFFFFF;
}
.item-view-bottom-qian span:nth-child(5){
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
}
.item-view-bottom-qian span:nth-child(4){
font-size: 26rpx;
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
margin-left: 5px;
}
.item-view-bottom-qian span:nth-child(1){
font-weight: 400;
font-size: 26rpx;
color: #F95900;
.item-view-bottom-qian span:nth-child(3){
font-size: 28rpx;
color: #FF1200;
}
.item-view-bottom-qian span:nth-child(2){
font-weight: bold;
font-size: 36.81rpx;
color: #FF1200;
}
.item-view-bottom-qian span:nth-child(3){
font-size: 26rpx;
color: #FF1200;
.item-view-bottom-qian span:nth-child(1){
font-weight: 400;
font-size: 28rpx;
color: #F95900;
}
.item-view-bottom-qian{
margin-top: 5px;
}
.item-view-bottom{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 12rpx;
}
.item-view-jianjie{
font-weight: 400;
@ -293,12 +299,14 @@
}
.item-view-xiangmu span:nth-child(2){
font-weight: normal;
color: #666666;
color: #333333;
font-size: 30rpx;
}
.item-view-xiangmu span:nth-child(1){
font-weight: normal;
color: #999;
color: #666666;
margin-right: 5rpx;
font-size: 30rpx;
}
.item-view-xiangmu{
width: 100%;
@ -314,15 +322,17 @@
color: #333333;
}
.item-view{
width: 55%;
width:59%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
justify-content: space-between;
padding:5rpx 0;
}
.item-img{
width: 285rpx;
height: 120px;
width: 246rpx;
height: 206rpx;
border-radius: 14rpx;
position: relative;
}

View File

@ -53,16 +53,18 @@
<span class="xiaoer item-view-biao">{{item.classifyName}}</span>
</view>
<view class="item-view-bottom-qian">
<span></span>
<span>{{item.price}}</span>
<span></span>
<span>{{item.price}}</span>
<span>/{{item.serviceCount}}</span>
<span style="text-decoration: line-through;">{{item.oldPrice}}/{{item.serviceCount}}</span>
<span>{{item.oldPrice}}/{{item.serviceCount}}</span>
</view>
<view class="flex" style="margin-top: 10rpx;">
<view class="shop_label" v-if="item.tagsData!=''">
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
</view>
<view class="shop_label" v-else>
<span>助眠解压</span>
</view>
</view>
<view class="item-view-bottom">
<view class="item-view-xiangmu">
@ -195,9 +197,7 @@
margin-bottom: 8rpx;
color: #f68607;
}
.item-view-bottom-qian{
margin-top: 5px;
}
.item-view-bottom-btn{
text-align: center;
width: 131rpx;
@ -209,36 +209,40 @@
color: #FFFFFF;
}
.item-view-bottom-qian span:nth-child(5){
font-size: 26rpx;
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
}
.item-view-bottom-qian span:nth-child(4){
font-size: 26rpx;
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
margin-left: 5px;
}
.item-view-bottom-qian span:nth-child(1){
.item-view-bottom-qian span:nth-child(3){
font-weight: 400;
font-size: 26rpx;
color: #F95900;
font-size: 28rpx;
color: #FF1200;
}
.item-view-bottom-qian span:nth-child(2){
font-weight: bold;
font-size: 36.81rpx;
color: #F95900;
color: #FF1200;
}
.item-view-bottom-qian span:nth-child(3){
.item-view-bottom-qian span:nth-child(1){
font-weight: 400;
font-size: 26rpx;
color: #F95900;
font-size: 28rpx;
color: #FF1200;
}
.item-view-bottom-qian{
margin-top: 5px;
}
.item-view-bottom{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.item-view-jianjie{
font-weight: 400;
@ -273,12 +277,14 @@
}
.item-view-xiangmu span:nth-child(2){
font-weight: normal;
color: #666666;
color: #333333;
font-size: 30rpx;
}
.item-view-xiangmu span:nth-child(1){
font-weight: normal;
color: #999;
color: #666666;
margin-right: 5rpx;
font-size: 30rpx;
}
.item-view-xiangmu{
width: 100%;
@ -298,16 +304,17 @@
white-space: nowrap;
}
.item-view{
width: 55%;
width:59%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
justify-content: space-between;
padding: 10rpx 0;
padding:5rpx 0;
}
.item-img{
width: 285rpx;
height: 120px;
width: 246rpx;
height: 206rpx;
border-radius: 14rpx;
position: relative;
}

View File

@ -23,8 +23,8 @@
<view class="header-bottom-money-view">
<view class="header-bottom-money1">
<view class="header-bottom-money-zhen">
<span></span>
<span>{{mainData.price}}</span>
<span></span>
<span>{{mainData.price}}</span>
<span v-if="dataList.name=='index'">/{{serviceCount}}</span>
<span v-else>/{{mainData.serviceCount}}</span>
</view>
@ -1208,21 +1208,22 @@
.header-bottom-money-jia{
font-size: 28rpx;
color: #848484;
line-height: 37rpx;
text-decoration-line: line-through;
margin-left: 5px;
text-decoration: line-through;
}
.header-bottom-money-zhen span{
color: #FF1200;
}
.header-bottom-money-zhen span:nth-child(1){
font-size: 25rpx;
font-size: 28rpx;
}
.header-bottom-money-zhen span:nth-child(2){
font-size:46rpx;
font-size:38rpx;
font-weight: bold;
}
.header-bottom-money-zhen span:nth-child(3){
font-size: 25rpx;
font-size: 28rpx;
}
.header-bottom-money-zhen{
display: flex;

View File

@ -33,25 +33,22 @@
<span class="item-view-title">{{item.title}}</span>
<!-- <span class="xiaoer item-view-biao">{{item.classifyName}}</span> -->
</view>
<view class="item-view-xiangmu">
<view class="item-view-bottom-qian">
<span></span>
<span>{{item.price}}</span>
<span></span>
<span></span>
<span>{{item.oldPrice}}</span>
</view>
<span>{{item.price}}</span>
<span>{{item.oldPrice}}</span>
</view>
<view class="flex" style="margin-top: 10rpx;">
<view class="shop_label" v-if="item.tagsData!=''">
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
</view>
<view class="shop_label" v-else>
<span>助眠解压</span>
</view>
</view>
<view class="item-view-bottom">
<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}} <!-- | 好评{{item.esteemRate}}% --></span>
<view class="item-view-xiangmu">
<span>已售</span><span>{{item.sales}} <!-- | 好评{{item.esteemRate}}% --></span>
</view>
<view class="item-view-bottom-btn">
查看
@ -245,31 +242,36 @@
font-size: 28rpx;
color: #FFFFFF;
}
.item-view-bottom-qian span:nth-child(4){
font-size: 26rpx;
color: #848484;
text-decoration-line: line-through;
}
.item-view-bottom-qian span:nth-child(5){
font-size: 26rpx;
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
}
.item-view-bottom-qian span:nth-child(1){
font-weight: 400;
font-size: 25rpx;
color: #FF1200;
.item-view-bottom-qian span:nth-child(4){
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
}
.item-view-bottom-qian span:nth-child(3){
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
margin-left: 5px;
}
.item-view-bottom-qian span:nth-child(2){
font-weight: bold !important;
font-size: 36.81rpx !important;
color: #FF1200 !important;
}
.item-view-bottom-qian span:nth-child(3){
.item-view-bottom-qian span:nth-child(1){
font-weight: 400;
font-size: 26rpx;
color: #F95900;
font-size: 28rpx;
color: #FF1200;
}
.item-view-bottom-qian{
margin-top: 5px;
}
.item-view-bottom{
width: 100%;
display: flex;
@ -311,17 +313,25 @@
background-color:#fcf3da;
color: #ff8600;
}
.item-view-xiangmu span:nth-child(2){
font-weight: normal;
color: #333333;
font-size: 30rpx;
}
.item-view-xiangmu span:nth-child(1){
font-weight: normal;
color: #666666;
margin-right: 5rpx;
font-size: 30rpx;
}
.item-view-xiangmu{
width: 100%;
display: flex;
flex-direction: row;
font-weight: 400;
font-size: 21rpx;
margin-top: 5px;
font-size: 25rpx;
align-items: flex-end;
}
.item-view-title{
width: 76%;
@ -333,15 +343,17 @@
white-space: nowrap;
}
.item-view{
width: 55%;
width:59%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
justify-content: space-between;
padding:5rpx 0;
}
.item-img{
width: 285rpx;
height: 120px;
width: 246rpx;
height: 206rpx;
border-radius: 14rpx;
position: relative;
}
@ -364,7 +376,7 @@
}
.item {
width: 96%;
margin: 2% auto;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
@ -397,7 +409,7 @@
width:100%;
}
/deep/.zp-paging-container-content{
width: 95%;
width: 100%;
margin: 0 auto;
}
.fenlei{

View File

@ -167,6 +167,7 @@
<view class="prompt-text">-当你累了 想起盛安到家-</view>
<view class="kefu" @click="goMsg">
<image src="../../static/kefu.png" mode=""></image>
<span>联系客服</span>
</view>
</view>
@ -230,11 +231,8 @@
if (this.userId) {
this.isLogin = false
this.getUserInfo()
this.getAmount()
this.getIsVip()
} else {
this.isShop = 0;
this.isAgency = 0;
@ -247,7 +245,6 @@
this.avatar = '../../static/logo.png'
this.isVip = 0
}
},
methods:{
goMsg() {//
@ -698,8 +695,9 @@
position: fixed;
right: 0;
bottom: 0;
margin-bottom:100rpx;
margin-bottom: 20%;
margin-right: 20px;
background-color: #fff;
border-radius: 5px;
}
.shop_label{
@ -720,12 +718,14 @@
}
.item-view-xiangmu span:nth-child(2){
font-weight: normal;
color: #666666;
color: #333333;
font-size: 30rpx;
}
.item-view-xiangmu span:nth-child(1){
font-weight: normal;
color: #999;
color: #666666;
margin-right: 5rpx;
font-size: 30rpx;
}
.item-view-xiangmu{
width: 100%;
@ -741,15 +741,17 @@
color: #333333;
}
.item-view{
width: 55%;
width:59%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
justify-content: space-between;
padding:5rpx 0;
}
.item-img{
width: 285rpx;
height: 120px;
width: 246rpx;
height: 206rpx;
border-radius: 14rpx;
position: relative;
}
@ -772,16 +774,16 @@
}
.item {
width: 96%;
margin: 0 2% ;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
height: 140px;
background: #FFFFFF;
border-radius: 21rpx;
margin-top:12px;
margin-top:10px;
align-items: center;
padding: 0px 10px;
padding: 12px;
}
.item-detail {
@ -812,26 +814,33 @@
color: #FFFFFF;
margin-top: 8rpx;
}
.item-view-bottom-qian span:nth-child(5){
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
}
.item-view-bottom-qian span:nth-child(4){
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
margin-left: 5px;
}
.item-view-bottom-qian span:nth-child(1){
font-weight: 400;
font-size: 25rpx;
color: #F95900;
.item-view-bottom-qian span:nth-child(3){
font-size: 28rpx;
color: #FF1200;
}
.item-view-bottom-qian span:nth-child(2){
font-weight: bold;
font-size: 36.81rpx;
color: #FF1200;
}
.item-view-bottom-qian span:nth-child(1){
font-weight: 400;
font-size: 28rpx;
color: #F95900;
}
.item-view-bottom-qian span:nth-child(3){
font-weight: 400;
font-size: 25rpx;
color: #F95900;
.item-view-bottom-qian{
margin-top: 5px;
}
.item-view-bottom{
width: 100%;
@ -839,7 +848,6 @@
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 12rpx;
}
.item-view-jianjie{
font-weight: 400;

View File

@ -33,18 +33,20 @@
<!-- <span class="xiaoer item-view-biao">{{item.classifyName}}</span> -->
</view>
<view class="item-view-bottom-qian">
<span></span>
<span>{{item.price}}</span>
<span></span>
<span>{{item.price}}</span>
<span>/ <text v-if="item.type!='104'">{{item.serviceCount}}</text> {{typeData=='104'?'':typeData=='105'?'':''}}</span>
<span></span>
<span>{{item.oldPrice}}<text v-if="item.type!='104'">/{{item.serviceCount}}</text>{{typeData=='104'?'':typeData=='105'?'':''}}</span>
<span></span>
<span>{{item.oldPrice}}<text v-if="item.type!='104'">/{{item.serviceCount}}</text>{{typeData=='104'?'':typeData=='105'?'':''}}</span>
</view>
<view class="flex" style="margin-top: 10rpx;">
<view class="shop_label" v-if="item.tagsData!=''">
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
</view>
<view class="shop_label" v-else>
<span>助眠解压</span>
</view>
</view>
<view class="item-view-bottom">
<view class="item-view-xiangmu">
<span>已售</span><span>{{item.sales}}</span><!-- | 好评{{item.esteemRate}}% -->
@ -236,9 +238,7 @@
margin-bottom: 8rpx;
color: #f68607;
}
.item-view-bottom-qian{
margin-top: 5px;
}
/deep/.refresh-body .content{
}
/deep/.refresh-body{
@ -264,36 +264,40 @@
font-size: 28rpx;
color: #FFFFFF;
}
.item-view-bottom-qian span:nth-child(5){
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
}
.item-view-bottom-qian span:nth-child(4){
font-size: 26rpx;
color: #848484;
text-decoration-line: line-through;
margin-left: 5px;
}
.item-view-bottom-qian span:nth-child(5){
font-size: 26rpx;
color: #848484;
text-decoration-line: line-through;
}
.item-view-bottom-qian span:nth-child(1){
font-weight: 400;
font-size: 26rpx;
color: #FF1200;
.item-view-bottom-qian span:nth-child(3){
font-size: 28rpx;
color: #F95900;
}
.item-view-bottom-qian span:nth-child(2){
font-weight: bold;
font-size: 36.81rpx;
color: #FF1200;
}
.item-view-bottom-qian span:nth-child(3){
.item-view-bottom-qian span:nth-child(1){
font-weight: 400;
font-size: 26rpx;
color: #F95900;
color: #FF1200;
}
.item-view-bottom-qian{
margin-top: 5px;
}
.item-view-bottom{
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
justify-content: space-between;
align-items: center;
}
.item-view-jianjie{
font-weight: 400;
@ -327,15 +331,15 @@
color: #ff8600;
}
.item-view-xiangmu span:nth-child(2){
font-size: 26rpx;
font-weight: normal;
color: #666666;
color: #333333;
font-size: 30rpx;
}
.item-view-xiangmu span:nth-child(1){
font-weight: normal;
color: #999;
color: #666666;
margin-right: 5rpx;
font-size: 26rpx;
font-size: 30rpx;
}
.item-view-xiangmu{
width: 100%;
@ -346,7 +350,6 @@
align-items: flex-end;
}
.item-view-title{
width: 76%;
font-weight: bold;
font-size: 32rpx;
color: #333333;

View File

@ -19,8 +19,8 @@
<view class="header-bottom-money-view">
<view class="header-bottom-money">
<view class="header-bottom-money-zhen">
<span></span>
<span>{{mainData.price}}</span>
<span></span>
<span>{{mainData.price}}</span>
<span>/</span>
</view>
<view class="header-bottom-money-jia">
@ -600,14 +600,14 @@
color: #FF1200;
}
.header-bottom-money-zhen span:nth-child(1){
font-size: 26rpx;
font-size: 28rpx;
}
.header-bottom-money-zhen span:nth-child(2){
font-size:38rpx;
font-weight: bold;
}
.header-bottom-money-zhen span:nth-child(3){
font-size: 26rpx;
font-size: 28rpx;
}
.header-bottom-money-zhen{
display: flex;

View File

@ -38,8 +38,8 @@
<view class="header-bottom-money-view">
<view class="header-bottom-money">
<view class="header-bottom-money-zhen">
<span></span>
<span>{{getList.packagePrice}}</span>
<span></span>
<span>{{getList.packagePrice}}</span>
</view>
<view class="header-bottom-money-jia">
{{getList.oldPrice}}
@ -509,14 +509,14 @@
color: #F95900;
}
.header-bottom-money-zhen span:nth-child(1){
font-size: 25rpx;
font-size: 28rpx;
}
.header-bottom-money-zhen span:nth-child(2){
font-size:45.81rpx;
font-size:38rpx;
font-weight: bold;
}
.header-bottom-money-zhen span:nth-child(3){
font-size: 25rpx;
font-size: 28rpx;
}
.header-bottom-money-zhen{
display: flex;

View File

@ -49,13 +49,15 @@
</view>
<view class="item-view" v-if="text=='index'">
<view class="view-cata">
<view class="item-view-title">{{item.title}}1111</view>
<view class="item-view-title">{{item.title}}</view>
</view>
<view class="flex" style="margin-top: 10rpx;">
<view class="shop_label" v-if="item.tagsData!=''">
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
</view>
<view class="shop_label" v-else>
<span>助眠解压</span>
</view>
</view>
<view class="pace-plan">
<view class="pace-text"><span>{{item.duration}}</span><span>分钟</span></view>
@ -77,17 +79,17 @@
<!-- <span class="xiaoer item-view-biao">{{item.classifyName}}</span> -->
</view>
<view class="item-view-bottom-qian">
<span></span>
<span>{{item.price}}</span>
<!-- <span>/{{item.serviceCount}}</span> -->
<span></span>
<span>{{item.oldPrice}}</span>
<span></span>
<span>{{item.price}}</span>
<span>{{item.oldPrice}}</span>
</view>
<view class="flex" style="margin-top: 10rpx;">
<view class="shop_label" v-if="item.tagsData!=''">
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
</view>
<view class="shop_label" v-else>
<span>助眠解压</span>
</view>
</view>
<view class="item-view-bottom">
<view class="item-view-xiangmu">
@ -407,12 +409,14 @@
}
.item-view-xiangmu span:nth-child(2){
font-weight: normal;
color: #666666;
color: #333333;
font-size: 30rpx;
}
.item-view-xiangmu span:nth-child(1){
font-weight: normal;
color: #999;
color: #666666;
margin-right: 5rpx;
font-size: 30rpx;
}
.item-view-xiangmu{
width: 100%;
@ -431,15 +435,17 @@
white-space: nowrap;
}
.item-view{
width: 66%;
height: 100%;
width:59%;
/*height: 100%;*/
display: flex;
flex-direction: column;
justify-content: center;
justify-content: space-between;
padding:5rpx 0;
}
.item-img{
width: 200rpx;
height: 200rpx;
width: 246rpx;
height: 206rpx;
border-radius: 14rpx;
position: relative;
}
@ -463,6 +469,7 @@
}
.item {
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
@ -471,7 +478,7 @@
border-radius: 21rpx;
margin-top:10px;
align-items: center;
padding: 0px 10px;
padding: 12px;
}
.item-detail {

View File

@ -52,6 +52,12 @@
<view class="item-view-title">{{item.title}}</view>
<!-- <view class="xiaoer item-view-biao">{{item.classifyName}}</view> -->
</view>
<view class="item-view-bottom-qian">
<span></span>
<span>{{item.price}}</span>
<!-- <span>/{{item.serviceCount}}</span> -->
<span>{{item.oldPrice}}</span>
</view>
<view class="flex" style="margin-top: 10rpx;">
<view class="shop_label" v-if="item.tagsData!=''">
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
@ -60,12 +66,6 @@
<span>助眠解压</span>
</view>
</view>
<view class="item-view-bottom-qian">
<span></span>
<span>{{item.price}}</span>
<!-- <span>/{{item.serviceCount}}</span> -->
<span>{{item.oldPrice}}</span>
</view>
<view class="item-view-bottom" v-if="text=='index'">
<view class="item-view-xiangmu">
<span>已售</span><span>{{item.sales}} <!-- | 好评{{item.esteemRate}}% --></span>
@ -303,10 +303,7 @@
font-weight: bold;
font-style:italic;
}
.item-view-bottom-qian{
margin-top: 5px;
}
.item-view-bottom-btn{
text-align: center;
width: 131rpx;
@ -340,17 +337,19 @@
text-decoration-line: line-through;
margin-left: 5px;
}
.item-view-bottom-qian span:nth-child(1){
font-weight: 400;
font-size: 25rpx;
color: #FF1200;
}
.item-view-bottom-qian span:nth-child(2){
font-weight: bold;
font-size: 36.81rpx;
color: #FF1200;
}
.item-view-bottom-qian span:nth-child(1){
font-weight: 400;
font-size: 25rpx;
color: #FF1200;
}
.item-view-bottom-qian{
margin-top: 5px;
}
.item-view-bottom{
width: 100%;
display: flex;
@ -397,7 +396,6 @@
font-weight: normal;
color: #333333;
font-size: 30rpx;
}
.item-view-xiangmu span:nth-child(1){
font-weight: normal;
@ -438,15 +436,17 @@
white-space: nowrap;
}
.item-view{
width: 55%;
width:59%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
justify-content: space-between;
padding:5rpx 0;
}
.item-img{
width: 285rpx;
height: 120px;
width: 246rpx;
height: 206rpx;
border-radius: 14rpx;
position: relative;
}

View File

@ -72,8 +72,8 @@
<view class="header-bottom-money" style="margin: 7px 0px;display: flex;justify-content: space-between; ">
<view style="display: flex; align-items: flex-end;">
<view class="header-bottom-money-zhen">
<span></span>
<span>{{item.packagePrice}}</span>
<span></span>
<span>{{item.packagePrice}}</span>
</view>
<view class="header-bottom-money-jia" >
{{item.oldPrice}}
@ -599,14 +599,14 @@
color: #FF1200;
}
.header-bottom-money-zhen span:nth-child(1){
font-size: 26rpx;
font-size: 28rpx;
}
.header-bottom-money-zhen span:nth-child(2){
font-size:38rpx;
font-weight: bold;
}
.header-bottom-money-zhen span:nth-child(3){
font-size: 26rpx;
font-size: 28rpx;
}
.header-bottom-money-zhen{
display: flex;

View File

@ -19,8 +19,8 @@
<view class="header-bottom-money-view">
<view class="header-bottom-money">
<view class="header-bottom-money-zhen">
<span></span>
<span>{{mainData.price}}</span>
<span></span>
<span>{{mainData.price}}</span>
<span>/</span>
</view>
<view class="header-bottom-money-jia">
@ -73,8 +73,8 @@
<view class="header-bottom-money" style="margin: 7px 0px;display: flex;justify-content: space-between; ">
<view style="display: flex; align-items: flex-end;">
<view class="header-bottom-money-zhen">
<span></span>
<span>{{item.price}}</span>
<span></span>
<span>{{item.price}}</span>
</view>
<view class="header-bottom-money-jia" >
{{item.oldPrice}}
@ -1054,14 +1054,14 @@
color: #FF1200;
}
.header-bottom-money-zhen span:nth-child(1){
font-size: 26rpx;
font-size: 28rpx;
}
.header-bottom-money-zhen span:nth-child(2){
font-size:38rpx;
font-weight: bold;
}
.header-bottom-money-zhen span:nth-child(3){
font-size: 26rpx;
font-size: 28rpx;
}
.header-bottom-money-zhen{
display: flex;

View File

@ -52,18 +52,19 @@
<view class="item-view-title">{{item.title}}</view>
<span class="xiaoer item-view-biao">{{item.classifyName}}</span>
</view>
<view class="item-view-bottom-qian" style="margin-top: 5px;">
<span></span>
<span>{{item.price}}</span>
<view class="item-view-bottom-qian">
<span></span>
<span>{{item.price}}</span>
<span>/</span>
<span></span>
<span>{{item.oldPrice}}/</span>
<span>{{item.oldPrice}}/</span>
</view>
<view class="flex" style="margin-top: 10rpx;">
<view class="shop_label" v-if="item.tagsData!=''">
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
</view>
<view class="shop_label" v-else>
<span>助眠解压</span>
</view>
</view>
<view class="item-view-bottom">
<view class="item-view-xiangmu">
@ -221,36 +222,37 @@
color: #FFFFFF;
}
.item-view-bottom-qian span:nth-child(5){
font-size: 26rpx;
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
}
.item-view-bottom-qian span:nth-child(4){
font-size: 26rpx;
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
margin-left: 5px;
}
.item-view-bottom-qian span:nth-child(1){
.item-view-bottom-qian span:nth-child(3){
font-weight: 400;
font-size: 26rpx;
color: #F95900;
font-size: 28rpx;
color: #FF1200;
}
.item-view-bottom-qian span:nth-child(2){
font-weight: bold;
font-size: 36.81rpx;
color: #F95900;
color: #FF1200;
}
.item-view-bottom-qian span:nth-child(3){
.item-view-bottom-qian span:nth-child(1){
font-weight: 400;
font-size: 26rpx;
color: #F95900;
font-size: 28rpx;
color: #FF1200;
}
.item-view-bottom{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.item-view-jianjie{
font-weight: 400;
@ -285,12 +287,14 @@
}
.item-view-xiangmu span:nth-child(2){
font-weight: normal;
color: #666666;
color: #333333;
font-size: 30rpx;
}
.item-view-xiangmu span:nth-child(1){
font-weight: normal;
color: #999;
color: #666666;
margin-right: 5rpx;
font-size: 30rpx;
}
.item-view-xiangmu{
width: 100%;
@ -310,17 +314,17 @@
white-space: nowrap;
}
.item-view{
width: 55%;
width:59%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
justify-content: space-between;
padding: 10rpx 0;
padding:5rpx 0;
}
.item-img{
width: 285rpx;
height: 120px;
width: 246rpx;
height: 206rpx;
border-radius: 14rpx;
position: relative;
}

View File

@ -33,16 +33,18 @@
<span class="xiaoer">{{item.classifyName}}</span>
</view>
<view class="item-view-bottom-qian">
<span></span>
<span>{{item.price}}</span>
<span style="color: #999;text-decoration: line-through;margin-left: 5px;">{{item.oldPrice}}</span>
<span></span>
<span>{{item.price}}</span>
<span>{{item.oldPrice}}</span>
</view>
<view class="shop_label" v-if="item.tagsData">
<view class="flex" style="margin-top: 10rpx;">
<view class="shop_label" v-if="item.tagsData!=''">
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
</view>
<view class="shop_label" v-else>
<span>助眠解压</span>
</view>
</view>
<view class="item-view-bottom">
<view class="item-view-xiangmu">
<span>已售</span><span>{{item.sales}}</span>
@ -64,12 +66,14 @@
<view class="item-view-jianjie">
{{item.consortiaContent}}
</view>
<view class="shop_label" v-if="item.tagsData">
<view class="flex" style="margin-top: 10rpx;">
<view class="shop_label" v-if="item.tagsData!=''">
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
</view>
<view class="shop_label" v-else>
<span>助眠解压</span>
</view>
</view>
<view class="item-view-bottom">
<view class="item-view-xiangmu">
<span></span>
@ -241,9 +245,7 @@
</script>
<style scoped>
.item-view-bottom-qian{
margin-top: 5px;
}
/deep/.refresh-body .content{
background-color: #f7f7f7;
}
@ -269,30 +271,35 @@
font-size: 28rpx;
color: #FFFFFF;
}
.item-view-bottom-qian span:nth-child(4){
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
margin-left: 5px;
}
.item-view-bottom-qian span:nth-child(5){
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
}
.item-view-bottom-qian span:nth-child(1){
font-weight: 400;
font-size: 25rpx;
color: #FF1200;
.item-view-bottom-qian span:nth-child(4){
font-size: 26rpx;
color: #848484;
text-decoration-line: line-through;
margin-left: 5px;
}
.item-view-bottom-qian span:nth-child(3){
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
margin-left: 5px;
}
.item-view-bottom-qian span:nth-child(2){
font-weight: bold;
font-size: 36.81rpx;
color: #FF1200;
}
.item-view-bottom-qian span:nth-child(3){
font-size: 25rpx;
.item-view-bottom-qian span:nth-child(1){
font-weight: 400;
font-size: 26rpx;
color: #FF1200;
}
.item-view-bottom-qian{
margin-top: 5px;
}
.item-view-bottom{
width: 100%;
@ -336,12 +343,14 @@
}
.item-view-xiangmu span:nth-child(2){
font-weight: normal;
color: #666666;
color: #333333;
font-size: 30rpx;
}
.item-view-xiangmu span:nth-child(1){
font-weight: normal;
color: #999;
color: #666666;
margin-right: 5rpx;
font-size: 30rpx;
}
.item-view-xiangmu{
width: 100%;
@ -361,15 +370,17 @@
white-space: nowrap;
}
.item-view{
width: 55%;
width:59%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
justify-content: space-between;
padding:5rpx 0;
}
.item-img{
width: 285rpx;
height: 120px;
width: 246rpx;
height: 206rpx;
border-radius: 14rpx;
position: relative;
}
@ -395,7 +406,7 @@
}
.item {
width: 96%;
margin: 0 2% ;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
@ -404,7 +415,7 @@
border-radius: 21rpx;
margin-top:10px;
align-items: center;
padding: 0px 10px;
padding: 12px;
}
.item-detail {