Merge branch 'master' of http://47.115.223.229:8888/yangjun/sadjv3_user
This commit is contained in:
commit
dce03f774c
|
|
@ -28,14 +28,17 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</checkbox-group>
|
||||
</template>
|
||||
</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>
|
||||
</template>
|
||||
|
|
@ -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%;
|
||||
}
|
||||
|
|
@ -194,7 +225,7 @@
|
|||
.youhui-view-right-top{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
.youhui-view-right{
|
||||
width: 502.08rpx;
|
||||
|
|
|
|||
|
|
@ -22,11 +22,13 @@
|
|||
</view>
|
||||
</view>
|
||||
<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>
|
||||
<view class="youhui-view-right-btn" @tap="shiYong()">立即使用</view>
|
||||
<view class="youhui-view-right-top">
|
||||
<view class="youhui-view-right-title">{{item.couponName}}</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>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -42,10 +44,13 @@
|
|||
</view>
|
||||
</view>
|
||||
<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>
|
||||
<view class="youhui-view-right-top">
|
||||
<view class="youhui-view-right-title">{{item.couponName}}</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>
|
||||
</view>
|
||||
|
|
@ -62,18 +67,21 @@
|
|||
</view>
|
||||
</view>
|
||||
<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>
|
||||
<view class="youhui-view-right-top">
|
||||
<view class="youhui-view-right-title">{{item.couponName}}</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>
|
||||
</view>
|
||||
</view>
|
||||
</checkbox-group>
|
||||
</template>
|
||||
</template>
|
||||
</t-refresh>
|
||||
|
||||
|
||||
<empty v-if="hongbao.length==0"></empty>
|
||||
</view>
|
||||
</template>
|
||||
|
|
@ -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 = []; //如果是第一页需手动制空列表
|
||||
|
|
@ -199,7 +206,7 @@
|
|||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
.you-nav{
|
||||
background: #FFFFFF;
|
||||
padding: 14px 25px 0px 25px;
|
||||
|
|
@ -234,21 +241,27 @@
|
|||
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{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
.youhui-view-right{
|
||||
width: 502.08rpx;
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
</view>
|
||||
</view>
|
||||
</checkbox-group>
|
||||
</template>
|
||||
</template>
|
||||
</t-refresh>
|
||||
<view @tap="queding()" class="queding">
|
||||
<span class="que-btn">确定</span>
|
||||
|
|
@ -136,7 +136,7 @@
|
|||
url:'/my/order/payModifyPt'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
checkboxChange(e){
|
||||
this.couponId=e.detail.value.join(",")
|
||||
|
|
@ -147,7 +147,7 @@
|
|||
})
|
||||
},
|
||||
getMyList() {
|
||||
|
||||
|
||||
var data={
|
||||
page:this.page,
|
||||
limit:this.limit,
|
||||
|
|
@ -172,7 +172,7 @@
|
|||
this.getMyList();
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
|
|
@ -207,7 +207,7 @@
|
|||
align-items: center;
|
||||
}
|
||||
/deep/uni-page-refresh{
|
||||
display: none !important;
|
||||
display: none !important;
|
||||
}
|
||||
/deep/.uni-checkbox-input{
|
||||
border-radius: 50%;
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
.you-nav{
|
||||
background: #FFFFFF;
|
||||
padding: 14px 25px 0px 25px;
|
||||
|
|
@ -266,20 +266,20 @@
|
|||
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{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
.youhui-view-right{
|
||||
width: 502.08rpx;
|
||||
|
|
@ -339,11 +339,11 @@
|
|||
page {
|
||||
background: #F5F5F5;
|
||||
}
|
||||
|
||||
|
||||
.bg {
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
.box {
|
||||
width: 128upx;
|
||||
height: 60upx;
|
||||
|
|
@ -353,7 +353,7 @@
|
|||
font-size: 30rpx;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
|
||||
.line {
|
||||
width: 48px;
|
||||
height: 14rpx;
|
||||
|
|
@ -366,12 +366,12 @@
|
|||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
|
||||
.tanColor {
|
||||
color: #019C88;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
.btn {
|
||||
width: 140upx;
|
||||
height: 55upx;
|
||||
|
|
|
|||
|
|
@ -48,22 +48,23 @@
|
|||
</radio-group>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="adv_text_view">
|
||||
<view class="adv_lines">
|
||||
<view >姓名</view>
|
||||
<input type="text" v-model="userName" maxlength="11" placeholder="请输入真实姓名" />
|
||||
<view class="info-box-item">
|
||||
<view class="info-box-item-name">姓名</view>
|
||||
<u-input type="text" v-model="userName" maxlength="11" placeholder="请输入真实姓名" /></u-input>
|
||||
</view>
|
||||
<view class="adv-xian"></view>
|
||||
<view class="line"></view>
|
||||
<view class="adv_lines">
|
||||
<view >手机号</view>
|
||||
<input type="number" v-model="phone" maxlength="11" placeholder="请输入手机号" />
|
||||
<u-input type="number" v-model="phone" maxlength="11" placeholder="请输入手机号" /></u-input>
|
||||
</view>
|
||||
<view class="adv-xian"></view>
|
||||
<view class="line"></view>
|
||||
<view class="adv_lines">
|
||||
<view>备注</view>
|
||||
<textarea style="height: 100px;" v-model="beizhu" name="" maxlength="100" id="" cols="30" rows="10" placeholder="请输入备注~~~~"></textarea>
|
||||
<textarea style="height: 100px; font-size: 28rpx;" v-model="beizhu" name="" maxlength="100" id="" cols="30" rows="10" placeholder="请输入备注~~~~"></textarea>
|
||||
</view>
|
||||
<view class="adv-xian"></view>
|
||||
<view class="line"></view>
|
||||
</view>
|
||||
<view class="push-button">
|
||||
<view class="que-btn" @tap="save">提交申请</view>
|
||||
|
|
@ -297,7 +298,6 @@
|
|||
bottom: 0;
|
||||
background: linear-gradient(90deg, rgba(234, 248, 245, 0.7), rgba(132, 211, 196, 0.7));
|
||||
margin-bottom: 80rpx;
|
||||
|
||||
}
|
||||
.adv-xian{
|
||||
height: 2rpx;
|
||||
|
|
@ -448,4 +448,8 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
.line {
|
||||
width: 100%;
|
||||
border-bottom: 1rpx solid #f7f7f7;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -53,18 +53,19 @@
|
|||
<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>
|
||||
</view>
|
||||
<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>
|
||||
<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">
|
||||
<span>已售</span><span>{{item.sales}} <!-- | 好评{{item.esteemRate}}% --></span>
|
||||
|
|
@ -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(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;
|
||||
font-size: 28rpx;
|
||||
color: #848484;
|
||||
text-decoration-line: line-through;
|
||||
}
|
||||
.item-view-bottom-qian span:nth-child(1){
|
||||
font-weight: 400;
|
||||
font-size: 26rpx;
|
||||
color: #F95900;
|
||||
}
|
||||
.item-view-bottom-qian span:nth-child(2){
|
||||
font-weight: bold;
|
||||
font-size: 36.81rpx;
|
||||
color: #F95900;
|
||||
}
|
||||
}
|
||||
.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(3){
|
||||
font-size: 26rpx;
|
||||
color: #F95900;
|
||||
font-weight: 400;
|
||||
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: #FF1200;
|
||||
}
|
||||
.item-view-bottom-qian{
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.item-view-bottom{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.item-view-jianjie{
|
||||
font-weight: 400;
|
||||
|
|
@ -271,21 +277,23 @@
|
|||
color: #ff8600;
|
||||
}
|
||||
.item-view-xiangmu span:nth-child(2){
|
||||
font-weight: normal;
|
||||
color: #666666;
|
||||
font-weight: normal;
|
||||
color: #333333;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.item-view-xiangmu span:nth-child(1){
|
||||
font-weight: normal;
|
||||
color: #999;
|
||||
margin-right: 5rpx;
|
||||
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: 25rpx;
|
||||
align-items: flex-end;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
font-weight: 400;
|
||||
font-size: 25rpx;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.item-view-title{
|
||||
width: 76%;
|
||||
|
|
@ -297,19 +305,19 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
.item-view{
|
||||
width: 55%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
justify-content: space-between;
|
||||
padding: 10rpx 0;
|
||||
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;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
width: 246rpx;
|
||||
height: 206rpx;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
}
|
||||
.item-img img{
|
||||
border-radius: 14rpx;
|
||||
|
|
@ -333,17 +341,17 @@
|
|||
border-radius: 14rpx;
|
||||
}
|
||||
.item {
|
||||
width:96%;
|
||||
margin:0 auto ;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 140px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 21rpx;
|
||||
margin-top:10px;
|
||||
align-items: center;
|
||||
padding:12px;
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 140px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 21rpx;
|
||||
margin-top:10px;
|
||||
align-items: center;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.item-detail {
|
||||
|
|
|
|||
|
|
@ -18,13 +18,13 @@
|
|||
<span>{{mainData.sales}}</span>
|
||||
<span> 人选择</span>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
<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>
|
||||
|
|
@ -52,7 +52,7 @@
|
|||
<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image>
|
||||
<span>最快30分钟上门</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -96,7 +96,7 @@
|
|||
<span class="detail-foot-nav-bor"></span>
|
||||
</view>
|
||||
<view class="detail-foot-mian detail-pad">
|
||||
<image class="detail-foot-mian-img" v-for="(item,index) in contentImg" :key="index" :src="item" mode="widthFix"></image>
|
||||
<image class="detail-foot-mian-img" v-for="(item,index) in contentImg" :key="index" :src="item" mode="widthFix"></image>
|
||||
<!-- <view class="lab-view">
|
||||
<view class="detail-foot-mian-txet" v-for="item in labels" :key="item">
|
||||
<span class="detail-foot-mian-txetList">{{item}}</span>
|
||||
|
|
@ -104,8 +104,8 @@
|
|||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
|
||||
<view class="detail-btn btn" v-if="dataList.name=='index'" @click="openpay(mainData)">
|
||||
立即购买
|
||||
</view>
|
||||
|
|
@ -191,7 +191,7 @@
|
|||
}],
|
||||
this.openWay = 2;
|
||||
// #endif
|
||||
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
this.openLists = [{
|
||||
image: '../../static/images/icon_weixin.png',
|
||||
|
|
@ -293,7 +293,7 @@
|
|||
})
|
||||
that.getData()
|
||||
// this.$queue.showToast('支付成功');
|
||||
|
||||
|
||||
// uni.switchTab({
|
||||
// url: '/pages/my/index'
|
||||
// })
|
||||
|
|
@ -309,7 +309,7 @@
|
|||
}
|
||||
});
|
||||
// #endif
|
||||
|
||||
|
||||
// #ifdef H5
|
||||
let ua = navigator.userAgent.toLowerCase();
|
||||
if (ua.indexOf('micromessenger') != -1) {
|
||||
|
|
@ -351,9 +351,9 @@
|
|||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// #endif
|
||||
|
||||
|
||||
// #ifdef APP
|
||||
let data = {
|
||||
ordersId: that.order.ordersId,
|
||||
|
|
@ -383,7 +383,7 @@
|
|||
that.getData()
|
||||
});
|
||||
// #endif
|
||||
|
||||
|
||||
// #ifdef APP-PLUS
|
||||
let data = {
|
||||
ordersId: that.tordersId,
|
||||
|
|
@ -397,7 +397,7 @@
|
|||
});
|
||||
// #endif
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
// 支付订单
|
||||
pay() {
|
||||
|
|
@ -436,7 +436,7 @@
|
|||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
})
|
||||
} else if (that.openWay == 2) { //微信支付
|
||||
that.$queue.showLoading('支付中...')
|
||||
|
|
@ -464,7 +464,7 @@
|
|||
})
|
||||
that.getData()
|
||||
// this.$queue.showToast('支付成功');
|
||||
|
||||
|
||||
// uni.switchTab({
|
||||
// url: '/pages/my/index'
|
||||
// })
|
||||
|
|
@ -480,7 +480,7 @@
|
|||
}
|
||||
});
|
||||
// #endif
|
||||
|
||||
|
||||
// #ifdef H5
|
||||
let ua = navigator.userAgent.toLowerCase();
|
||||
if (ua.indexOf('micromessenger') != -1) {
|
||||
|
|
@ -528,9 +528,9 @@
|
|||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// #endif
|
||||
|
||||
|
||||
// #ifdef APP
|
||||
let data = {
|
||||
ordersId: that.order.ordersId,
|
||||
|
|
@ -561,7 +561,7 @@
|
|||
that.getData()
|
||||
});
|
||||
// #endif
|
||||
|
||||
|
||||
// #ifdef APP-PLUS
|
||||
let data = {
|
||||
ordersId: that.order.ordersId,
|
||||
|
|
@ -614,7 +614,7 @@
|
|||
} else {
|
||||
that.$queue.showToast(res.msg)
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
},
|
||||
checkboxChange(e){
|
||||
|
|
@ -633,7 +633,7 @@
|
|||
} else {
|
||||
that.$queue.showToast(res.msg)
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
},
|
||||
getData(){
|
||||
|
|
@ -671,9 +671,9 @@
|
|||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -793,7 +793,7 @@
|
|||
/* #ifndef MP-WEIXIN */
|
||||
/* height: 130px; */
|
||||
/* #endif */
|
||||
|
||||
|
||||
}
|
||||
.pay_btn {
|
||||
width: 90%;
|
||||
|
|
@ -805,7 +805,7 @@
|
|||
color: #ffffff;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
|
||||
|
||||
.dingdan-btn{
|
||||
text-align: center;
|
||||
width: 80px;
|
||||
|
|
@ -984,7 +984,7 @@
|
|||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
.detail-foot-mian-img{
|
||||
width: 100%;
|
||||
height:auto;
|
||||
|
|
@ -1003,7 +1003,7 @@
|
|||
.detail-foot-mian-top,.detail-foot-mian-top-bottom{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-direction: row;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.header-bottom-title-bottom span{
|
||||
|
|
@ -1027,7 +1027,7 @@
|
|||
width: 34.03rpx;
|
||||
height: 32.64rpx;
|
||||
}
|
||||
|
||||
|
||||
.shouc{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -1087,8 +1087,8 @@
|
|||
font-size: 22rpx;
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.jianjie{
|
||||
font-weight: 400;
|
||||
font-size: 22rpx;
|
||||
|
|
@ -1173,31 +1173,31 @@
|
|||
align-items: center;
|
||||
}
|
||||
.header-bottom-money-jia{
|
||||
font-size: 28rpx;
|
||||
color: #848484;
|
||||
line-height: 37rpx;
|
||||
margin-left: 5px;
|
||||
text-decoration: line-through;
|
||||
font-size: 28rpx;
|
||||
color: #848484;
|
||||
line-height: 37rpx;
|
||||
text-decoration-line: line-through;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.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;
|
||||
flex-direction: row;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
|
||||
.header-bottom-money-view{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
|
@ -1226,7 +1226,7 @@
|
|||
font-size: 30rpx;
|
||||
}
|
||||
.header-bottom-title-num span:nth-child(1){
|
||||
font-weight: bold;
|
||||
font-weight: bold;
|
||||
color: #08A28A;
|
||||
}
|
||||
.header-bottom-title-num span:nth-child(2){
|
||||
|
|
@ -1294,4 +1294,4 @@
|
|||
font-size: 17px;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<view class="content hehuo_view">
|
||||
<view class="advantage-title">城市合伙人</view>
|
||||
<view class="advantage-bor"></view>
|
||||
<view class="info">
|
||||
<view class="info-box">
|
||||
<view class="info-box-item">
|
||||
|
|
@ -27,8 +29,6 @@
|
|||
<view class="sub-box-rs" @click="goChat()" v-else>直接联系 </view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -182,19 +182,38 @@
|
|||
</script>
|
||||
|
||||
<style lang="less">
|
||||
|
||||
.hehuo_view {
|
||||
width: 100%;
|
||||
padding-top: 10px;
|
||||
background-image: url('../../static/cooperate/cooperate4.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 550rpx;
|
||||
}
|
||||
.advantage-title{
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
margin-top: 60rpx;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.advantage-bor{
|
||||
width: 64px;
|
||||
height: 6px;
|
||||
border-radius: 3px;
|
||||
bottom: 0;
|
||||
background: linear-gradient(90deg, rgba(234, 248, 245, 0.7), rgba(132, 211, 196, 0.7));
|
||||
margin-bottom: 80rpx;
|
||||
}
|
||||
.content {
|
||||
background-color: #f7f7f7;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
padding-top: 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.bgimg {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.info {
|
||||
width: 95%;
|
||||
height: auto;
|
||||
|
|
|
|||
|
|
@ -34,26 +34,24 @@
|
|||
<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 class="item-view-bottom-qian">
|
||||
<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="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 class="item-view-bottom">
|
||||
<view class="item-view-xiangmu">
|
||||
|
|
@ -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;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.item-view-jianjie{
|
||||
font-weight: 400;
|
||||
|
|
@ -292,21 +298,23 @@
|
|||
color: #ff8600;
|
||||
}
|
||||
.item-view-xiangmu span:nth-child(2){
|
||||
font-weight: normal;
|
||||
color: #666666;
|
||||
font-weight: normal;
|
||||
color: #333333;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.item-view-xiangmu span:nth-child(1){
|
||||
font-weight: normal;
|
||||
color: #999;
|
||||
margin-right: 5rpx;
|
||||
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: 25rpx;
|
||||
align-items: flex-end;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
font-weight: 400;
|
||||
font-size: 25rpx;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.item-view-title{
|
||||
font-weight: bold;
|
||||
|
|
@ -314,17 +322,19 @@
|
|||
color: #333333;
|
||||
}
|
||||
.item-view{
|
||||
width: 55%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
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;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
width: 246rpx;
|
||||
height: 206rpx;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
}
|
||||
.img-span{
|
||||
padding: 2px 5px;
|
||||
|
|
|
|||
|
|
@ -53,17 +53,19 @@
|
|||
<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>
|
||||
</view>
|
||||
<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>
|
||||
<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">
|
||||
<span>已售</span><span>{{item.sales}} <!-- | 好评{{item.esteemRate}}% --></span>
|
||||
|
|
@ -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){
|
||||
font-weight: 400;
|
||||
font-size: 26rpx;
|
||||
color: #F95900;
|
||||
}
|
||||
.item-view-bottom-qian span:nth-child(2){
|
||||
font-weight: bold;
|
||||
font-size: 36.81rpx;
|
||||
color: #F95900;
|
||||
}
|
||||
.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: #FF1200;
|
||||
}
|
||||
.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;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.item-view-jianjie{
|
||||
font-weight: 400;
|
||||
|
|
@ -271,22 +275,24 @@
|
|||
background-color:#fcf3da;
|
||||
color: #ff8600;
|
||||
}
|
||||
.item-view-xiangmu span:nth-child(2){
|
||||
font-weight: normal;
|
||||
color: #666666;
|
||||
.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: #999;
|
||||
margin-right: 5rpx;
|
||||
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: 25rpx;
|
||||
align-items: flex-end;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
font-weight: 400;
|
||||
font-size: 25rpx;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.item-view-title{
|
||||
width: 76%;
|
||||
|
|
@ -298,18 +304,19 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
.item-view{
|
||||
width: 55%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
padding: 10rpx 0;
|
||||
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;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
width: 246rpx;
|
||||
height: 206rpx;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
}
|
||||
.img-span{
|
||||
padding: 2px 5px;
|
||||
|
|
@ -330,17 +337,17 @@
|
|||
border-radius: 14rpx;
|
||||
}
|
||||
.item {
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 140px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 21rpx;
|
||||
margin-top:10px;
|
||||
align-items: center;
|
||||
padding: 12px;
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 140px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 21rpx;
|
||||
margin-top:10px;
|
||||
align-items: center;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.item-detail {
|
||||
|
|
|
|||
|
|
@ -18,13 +18,13 @@
|
|||
<span>{{mainData.sales}}</span>
|
||||
<span> 人选择</span>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
<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>
|
||||
|
|
@ -42,7 +42,7 @@
|
|||
<span>{{liaoTime}}</span>
|
||||
</view>
|
||||
<view class="header-bottom-foot">
|
||||
|
||||
|
||||
<view class="header-bottom-foot-cont">
|
||||
<!--<view class="header-bottom-foot-title">保障</view>-->
|
||||
<view class="header-bottom-foot-view">
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image>
|
||||
<span>最快30分钟上门</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -101,7 +101,7 @@
|
|||
<span class="detail-foot-nav-bor"></span>
|
||||
</view>
|
||||
<view class="detail-foot-mian">
|
||||
<image class="detail-foot-mian-img" v-for="(item,index) in contentImg" :key="index" :src="item" mode="widthFix"></image>
|
||||
<image class="detail-foot-mian-img" v-for="(item,index) in contentImg" :key="index" :src="item" mode="widthFix"></image>
|
||||
<!-- <view class="lab-view">
|
||||
<view class="detail-foot-mian-txet" v-for="item in labels" :key="item">
|
||||
<span class="detail-foot-mian-txetList">{{item}}</span>
|
||||
|
|
@ -109,7 +109,7 @@
|
|||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="push-button">
|
||||
<view class="detail-btn" v-if="dataList.name=='index'" @click="openpay(mainData)">
|
||||
立即预约
|
||||
|
|
@ -184,7 +184,7 @@
|
|||
that.getData()
|
||||
},
|
||||
onShow() {
|
||||
|
||||
|
||||
// #ifndef MP-WEIXIN
|
||||
this.openLists = [{
|
||||
image: '../../static/images/icon_weixin.png',
|
||||
|
|
@ -201,7 +201,7 @@
|
|||
}],
|
||||
this.openWay = 2;
|
||||
// #endif
|
||||
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
this.openLists = [{
|
||||
image: '../../static/images/icon_weixin.png',
|
||||
|
|
@ -302,7 +302,7 @@
|
|||
})
|
||||
that.getData()
|
||||
// this.$queue.showToast('支付成功');
|
||||
|
||||
|
||||
// uni.switchTab({
|
||||
// url: '/pages/my/index'
|
||||
// })
|
||||
|
|
@ -318,7 +318,7 @@
|
|||
}
|
||||
});
|
||||
// #endif
|
||||
|
||||
|
||||
// #ifdef H5
|
||||
let ua = navigator.userAgent.toLowerCase();
|
||||
if (ua.indexOf('micromessenger') != -1) {
|
||||
|
|
@ -360,9 +360,9 @@
|
|||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// #endif
|
||||
|
||||
|
||||
// #ifdef APP
|
||||
let data = {
|
||||
ordersId: that.order.ordersId,
|
||||
|
|
@ -392,7 +392,7 @@
|
|||
that.getData()
|
||||
});
|
||||
// #endif
|
||||
|
||||
|
||||
// #ifdef APP-PLUS
|
||||
let data = {
|
||||
ordersId: that.tordersId,
|
||||
|
|
@ -406,7 +406,7 @@
|
|||
});
|
||||
// #endif
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
// 支付订单
|
||||
pay() {
|
||||
|
|
@ -445,7 +445,7 @@
|
|||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
})
|
||||
} else if (that.openWay == 2) { //微信支付
|
||||
that.$queue.showLoading('支付中...')
|
||||
|
|
@ -473,7 +473,7 @@
|
|||
})
|
||||
that.getData()
|
||||
// this.$queue.showToast('支付成功');
|
||||
|
||||
|
||||
// uni.switchTab({
|
||||
// url: '/pages/my/index'
|
||||
// })
|
||||
|
|
@ -489,7 +489,7 @@
|
|||
}
|
||||
});
|
||||
// #endif
|
||||
|
||||
|
||||
// #ifdef H5
|
||||
let ua = navigator.userAgent.toLowerCase();
|
||||
if (ua.indexOf('micromessenger') != -1) {
|
||||
|
|
@ -537,9 +537,9 @@
|
|||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// #endif
|
||||
|
||||
|
||||
// #ifdef APP
|
||||
let data = {
|
||||
ordersId: that.order.ordersId,
|
||||
|
|
@ -570,7 +570,7 @@
|
|||
that.getData()
|
||||
});
|
||||
// #endif
|
||||
|
||||
|
||||
// #ifdef APP-PLUS
|
||||
let data = {
|
||||
ordersId: that.order.ordersId,
|
||||
|
|
@ -623,7 +623,7 @@
|
|||
} else {
|
||||
that.$queue.showToast(res.msg)
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
},
|
||||
checkboxChange(e){
|
||||
|
|
@ -642,11 +642,11 @@
|
|||
} else {
|
||||
that.$queue.showToast(res.msg)
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
getData(){
|
||||
var that=this;
|
||||
if(that.dataList.name=='index'){
|
||||
|
|
@ -809,7 +809,7 @@
|
|||
/* #ifndef MP-WEIXIN */
|
||||
/* height: 130px; */
|
||||
/* #endif */
|
||||
|
||||
|
||||
}
|
||||
.pay_btn {
|
||||
width: 90%;
|
||||
|
|
@ -821,7 +821,7 @@
|
|||
color: #ffffff;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
|
||||
|
||||
.dingdan-btn{
|
||||
text-align: center;
|
||||
width: 80px;
|
||||
|
|
@ -949,7 +949,7 @@
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.header-bottom-title-liao{
|
||||
padding: 3px 8px;
|
||||
height: 16px;
|
||||
|
|
@ -992,7 +992,7 @@
|
|||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
.detail-foot-mian-img{
|
||||
width: 100%;
|
||||
height:auto;
|
||||
|
|
@ -1040,7 +1040,7 @@
|
|||
width: 34.03rpx;
|
||||
height: 32.64rpx;
|
||||
}
|
||||
|
||||
|
||||
.shouc{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -1072,7 +1072,7 @@
|
|||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.tese span:nth-child(1){
|
||||
font-weight: bold;
|
||||
font-size: 22rpx;
|
||||
|
|
@ -1113,7 +1113,7 @@
|
|||
font-size: 22rpx;
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
|
||||
.detail-foot-mian{
|
||||
width: 95%;
|
||||
display: flex;
|
||||
|
|
@ -1206,30 +1206,31 @@
|
|||
align-items: center;
|
||||
}
|
||||
.header-bottom-money-jia{
|
||||
font-size: 28rpx;
|
||||
color: #848484;
|
||||
margin-left: 5px;
|
||||
text-decoration: line-through;
|
||||
font-size: 28rpx;
|
||||
color: #848484;
|
||||
line-height: 37rpx;
|
||||
text-decoration-line: line-through;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.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;
|
||||
flex-direction: row;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
|
||||
.header-bottom-money-view{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
|
@ -1327,4 +1328,4 @@
|
|||
font-size: 17px;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -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 class="item-view-bottom-qian">
|
||||
<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="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 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,37 +242,42 @@
|
|||
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;
|
||||
color: #848484;
|
||||
text-decoration-line: line-through;
|
||||
}
|
||||
.item-view-bottom-qian span:nth-child(1){
|
||||
font-weight: 400;
|
||||
font-size: 25rpx;
|
||||
color: #FF1200;
|
||||
}
|
||||
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;
|
||||
}
|
||||
.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){
|
||||
font-weight: 400;
|
||||
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;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.item-view-jianjie{
|
||||
font-weight: 400;
|
||||
|
|
@ -311,17 +313,25 @@
|
|||
background-color:#fcf3da;
|
||||
color: #ff8600;
|
||||
}
|
||||
|
||||
.item-view-xiangmu span:nth-child(2){
|
||||
font-weight: normal;
|
||||
color: #666666;
|
||||
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;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
font-weight: 400;
|
||||
font-size: 25rpx;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.item-view-title{
|
||||
width: 76%;
|
||||
|
|
@ -333,17 +343,19 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
.item-view{
|
||||
width: 55%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
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;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
width: 246rpx;
|
||||
height: 206rpx;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
}
|
||||
.img-span{
|
||||
padding: 2px 5px;
|
||||
|
|
@ -363,17 +375,17 @@
|
|||
height: 100%;
|
||||
}
|
||||
.item {
|
||||
width: 96%;
|
||||
margin: 2% auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 140px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 21rpx;
|
||||
margin-top:10px;
|
||||
align-items: center;
|
||||
padding: 12px;
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 140px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 21rpx;
|
||||
margin-top:10px;
|
||||
align-items: center;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.item-detail {
|
||||
|
|
@ -397,7 +409,7 @@
|
|||
width:100%;
|
||||
}
|
||||
/deep/.zp-paging-container-content{
|
||||
width: 95%;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.fenlei{
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
<image v-if="vipNameType=='2'" class="my-head-vip" style="width:120rpx; height: 36rpx;" src="../../static/vip/membership7.gif"></image>
|
||||
<span>{{vipNameType=='0'?'':vipNameType=='1'?'':''}}</span>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
<view class="my-head-texa">
|
||||
<span>{{phone}}</span>
|
||||
|
|
@ -38,9 +38,9 @@
|
|||
<view>钱包金额(元)</view>
|
||||
<view class="my-head-mian-top-yuE">{{money}}</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
<view class="my-head-mian-top-view">
|
||||
<view class="my-head-mian-top-view-chong" @click="chonghi('充值')">充值</view>
|
||||
<!--<view class="my-head-mian-top-view-ming" @click="chonghi('明细')">明细</view>-->
|
||||
|
|
@ -106,11 +106,11 @@
|
|||
</view>
|
||||
<view class="my-serve-list" @click="tuangou()">
|
||||
<image src="../../static/my-liaocheng2.png" mode=""></image>
|
||||
<span class="my-serve-list-text">新人拼团</span>
|
||||
<span class="my-serve-list-text">拼团</span>
|
||||
</view>
|
||||
<view class="my-serve-list" @click="miaoshao()">
|
||||
<image src="../../static/my-liaocheng3.png" mode=""></image>
|
||||
<span class="my-serve-list-text">秒杀</span>
|
||||
<span class="my-serve-list-text">限时秒杀</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -133,7 +133,7 @@
|
|||
<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>
|
||||
|
|
@ -146,7 +146,7 @@
|
|||
<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>
|
||||
|
||||
|
||||
</view>
|
||||
<view class="shop_label" v-if="item.tagsData!=''">
|
||||
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
|
||||
|
|
@ -162,7 +162,7 @@
|
|||
查看
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="prompt-text">-当你累了 想起盛安到家-</view>
|
||||
<view class="kefu" @click="goMsg">
|
||||
|
|
@ -170,7 +170,7 @@
|
|||
<span>联系客服</span>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
|
@ -231,11 +231,8 @@
|
|||
if (this.userId) {
|
||||
this.isLogin = false
|
||||
this.getUserInfo()
|
||||
|
||||
this.getAmount()
|
||||
this.getIsVip()
|
||||
|
||||
|
||||
} else {
|
||||
this.isShop = 0;
|
||||
this.isAgency = 0;
|
||||
|
|
@ -248,26 +245,25 @@
|
|||
this.avatar = '../../static/logo.png'
|
||||
this.isVip = 0
|
||||
}
|
||||
|
||||
},
|
||||
methods:{
|
||||
goMsg() {//客服聊天
|
||||
let data = {
|
||||
userId: uni.getStorageSync('userId'),
|
||||
focusedUserId: '0',
|
||||
// userName:this.order.userName
|
||||
}
|
||||
// app/chat/insertChatConversation
|
||||
this.$Request.postJson('/app/chat/insertChatConversation', data).then(res => {
|
||||
if (res.data) {
|
||||
let id = this.ordersId == res.data.userId ? res.data.focusedUserId : this.ordersId
|
||||
uni.navigateTo({
|
||||
url: '/pages/msg/im?chatConversationId=' + res.data.chatConversationId +
|
||||
'&byUserId=' + res.data.userId
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
goMsg() {//客服聊天
|
||||
let data = {
|
||||
userId: uni.getStorageSync('userId'),
|
||||
focusedUserId: '0',
|
||||
// userName:this.order.userName
|
||||
}
|
||||
// app/chat/insertChatConversation
|
||||
this.$Request.postJson('/app/chat/insertChatConversation', data).then(res => {
|
||||
if (res.data) {
|
||||
let id = this.ordersId == res.data.userId ? res.data.focusedUserId : this.ordersId
|
||||
uni.navigateTo({
|
||||
url: '/pages/msg/im?chatConversationId=' + res.data.chatConversationId +
|
||||
'&byUserId=' + res.data.userId
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
getDataX(){
|
||||
this.$Request.get("/app/massage/package/findPackageAndMassagePage",{
|
||||
city:'',
|
||||
|
|
@ -290,7 +286,7 @@
|
|||
})
|
||||
},
|
||||
goChat() {
|
||||
let kefu = this.$queue.getData('kefu'); // 用户端联系方式 1 手机号 2企业微信
|
||||
let kefu = this.$queue.getData('kefu'); // 用户端联系方式 1 手机号 2企业微信
|
||||
let kefuPhone = this.$queue.getData('kefuPhone');
|
||||
if (kefu == 1) {
|
||||
uni.makePhoneCall({
|
||||
|
|
@ -374,7 +370,7 @@
|
|||
that.isVip = 0
|
||||
that.avatar = '../../static/logo.png'
|
||||
that.userId = uni.getStorageSync('userId')
|
||||
|
||||
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
|
|
@ -396,8 +392,8 @@
|
|||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
},
|
||||
//成为按摩师 跳转商户端
|
||||
bindFb() {
|
||||
|
|
@ -493,11 +489,11 @@
|
|||
this.avatar = res.data.avatar ? res.data.avatar : '../../static/logo.png'
|
||||
this.isAuthentication = res.data.isAuthentication
|
||||
this.isAgency = res.data.isAgency ? res.data.isAgency : 0; //是否是推广员 1是 2否
|
||||
|
||||
|
||||
|
||||
|
||||
this.money = res.data.money
|
||||
this.couponnum = res.data.member
|
||||
|
||||
|
||||
// uni.setStorageSync('isAuthentication', res.data.isAuthentication)
|
||||
this.isShop = res.data.isShop ? res.data.isShop : 0;
|
||||
uni.setStorageSync('avatar', res.data.avatar)
|
||||
|
|
@ -505,7 +501,7 @@
|
|||
uni.setStorageSync('invitationCode', res.data.invitationCode)
|
||||
uni.setStorageSync('zhiFuBao', res.data.zhiFuBao)
|
||||
uni.setStorageSync('zhiFuBaoName', res.data.zhiFuBaoName)
|
||||
|
||||
|
||||
if (res.data.isAuthentication == 0 || res.data.isAuthentication == null) {
|
||||
this.renzheng = 0
|
||||
uni.setStorageSync("renzheng", this.renzheng)
|
||||
|
|
@ -528,10 +524,10 @@
|
|||
this.renzheng = 6
|
||||
uni.setStorageSync("renzheng", this.renzheng)
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// #ifdef APP-PLUS
|
||||
let clientid = plus.push.getClientInfo().clientid;
|
||||
let sysPhone = 1;
|
||||
|
|
@ -548,7 +544,7 @@
|
|||
}
|
||||
//#endif
|
||||
},
|
||||
|
||||
|
||||
getIsVip() {
|
||||
this.$Request.get("/app/UserVip/selectUserVip").then(res => {
|
||||
if (res.code == 0) {
|
||||
|
|
@ -585,9 +581,9 @@
|
|||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
},
|
||||
youhui(link){//优惠劵，券码兑换，积分兑换 跳页
|
||||
if (this.userId) {
|
||||
|
|
@ -720,22 +716,24 @@
|
|||
margin-bottom: 8rpx;
|
||||
color: #f68607;
|
||||
}
|
||||
.item-view-xiangmu span:nth-child(2){
|
||||
font-weight: normal;
|
||||
color: #666666;
|
||||
.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: #999;
|
||||
margin-right: 5rpx;
|
||||
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: 25rpx;
|
||||
align-items: flex-end;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
font-weight: 400;
|
||||
font-size: 25rpx;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.item-view-title{
|
||||
font-weight: bold;
|
||||
|
|
@ -743,17 +741,19 @@
|
|||
color: #333333;
|
||||
}
|
||||
.item-view{
|
||||
width: 55%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
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;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
width: 246rpx;
|
||||
height: 206rpx;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
}
|
||||
.img-span{
|
||||
padding: 2px 5px;
|
||||
|
|
@ -773,19 +773,19 @@
|
|||
height: 100%;
|
||||
}
|
||||
.item {
|
||||
width: 96%;
|
||||
margin: 0 2% ;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 140px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 21rpx;
|
||||
margin-top:12px;
|
||||
align-items: center;
|
||||
padding: 0px 10px;
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 140px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 21rpx;
|
||||
margin-top:10px;
|
||||
align-items: center;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
|
||||
.item-detail {
|
||||
padding: 5rpx 15rpx;
|
||||
border-radius: 10rpx;
|
||||
|
|
@ -793,7 +793,7 @@
|
|||
color: white;
|
||||
background-color: #007AFF;
|
||||
}
|
||||
|
||||
|
||||
.item-line {
|
||||
position: absolute;
|
||||
bottom: 0rpx;
|
||||
|
|
@ -814,34 +814,40 @@
|
|||
color: #FFFFFF;
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
.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(2){
|
||||
font-weight: bold;
|
||||
font-size: 36.81rpx;
|
||||
color: #F95900;
|
||||
}
|
||||
.item-view-bottom-qian span:nth-child(3){
|
||||
font-weight: 400;
|
||||
font-size: 25rpx;
|
||||
color: #F95900;
|
||||
}
|
||||
.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(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{
|
||||
margin-top: 5px;
|
||||
}
|
||||
.item-view-bottom{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 12rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.item-view-jianjie{
|
||||
font-weight: 400;
|
||||
|
|
@ -858,13 +864,14 @@
|
|||
padding: 1px 2px;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
|
||||
|
||||
.prompt-text{
|
||||
font-size: 21rpx;
|
||||
color: #999999;
|
||||
height: 170rpx;
|
||||
text-align: top;
|
||||
text-align: center;
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
.my-use-list-text{
|
||||
color: #6C6C6C;
|
||||
|
|
@ -921,7 +928,7 @@
|
|||
margin-top: 5px;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
|
||||
.my-serve-title,.my-use-title{
|
||||
width: 95%;
|
||||
font-weight: bold;
|
||||
|
|
@ -963,7 +970,7 @@
|
|||
}
|
||||
.my-head-mian-bottom-list-text{
|
||||
font-size: 26rpx;
|
||||
color: #6C6C6C;
|
||||
color: #6C6C6C;
|
||||
}
|
||||
.my-head-mian-bottom-list{
|
||||
display: flex;
|
||||
|
|
@ -977,7 +984,7 @@
|
|||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 30rpx;
|
||||
padding-bottom: 30rpx;
|
||||
margin-top:30rpx;
|
||||
border-top: 1px #F6F6F6 solid;
|
||||
padding-top: 20rpx;
|
||||
|
|
@ -1140,7 +1147,7 @@
|
|||
position: relative;
|
||||
}
|
||||
.div-with-background {
|
||||
|
||||
|
||||
width: 300px; /* 你的容器宽度 */
|
||||
height: 200px; /* 你的容器高度 */
|
||||
}
|
||||
|
|
@ -1165,4 +1172,4 @@
|
|||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -33,17 +33,19 @@
|
|||
<!-- <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="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 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">
|
||||
|
|
@ -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(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(2){
|
||||
font-weight: bold;
|
||||
font-size: 36.81rpx;
|
||||
color: #FF1200;
|
||||
}
|
||||
.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(3){
|
||||
font-size: 26rpx;
|
||||
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(1){
|
||||
font-weight: 400;
|
||||
font-size: 26rpx;
|
||||
color: #FF1200;
|
||||
}
|
||||
.item-view-bottom-qian{
|
||||
margin-top: 5px;
|
||||
}
|
||||
.item-view-bottom{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
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;
|
||||
font-weight: normal;
|
||||
color: #333333;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.item-view-xiangmu span:nth-child(1){
|
||||
font-weight: normal;
|
||||
color: #999;
|
||||
margin-right: 5rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: normal;
|
||||
color: #666666;
|
||||
margin-right: 5rpx;
|
||||
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;
|
||||
|
|
@ -355,7 +358,7 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
.item-view{
|
||||
width:59%;
|
||||
width:60%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -364,8 +367,8 @@
|
|||
padding:5rpx 0;
|
||||
}
|
||||
.item-img{
|
||||
width: 246rpx;
|
||||
height: 206rpx;
|
||||
width: 240rpx;
|
||||
height: 200rpx;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
|
@ -391,7 +394,7 @@
|
|||
}
|
||||
.item {
|
||||
width: 100%;
|
||||
margin:0 auto;
|
||||
margin: 0 auto ;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
|
|
@ -400,7 +403,7 @@
|
|||
border-radius: 21rpx;
|
||||
margin-top:10px;
|
||||
align-items: center;
|
||||
padding:16rpx;
|
||||
padding:20rpx;
|
||||
}
|
||||
|
||||
.item-detail {
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
@ -608,14 +608,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;
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
</view>
|
||||
<view class="header-bottom">
|
||||
<view class="header-bottom-top">
|
||||
|
||||
|
||||
<view class="header-bottom-title">
|
||||
<view class="header-bottom-title-text">
|
||||
<span>{{getList.title}}</span>
|
||||
|
|
@ -33,13 +33,13 @@
|
|||
<span>{{getList.sales}}</span>
|
||||
<span> 人选择</span>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
<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}}
|
||||
|
|
@ -62,7 +62,7 @@
|
|||
<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image>
|
||||
<span>最快30分钟上门</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!--<view class="header-bottom-foot">
|
||||
<view class="header-bottom-foot-title">服务保障</view>
|
||||
|
|
@ -79,7 +79,7 @@
|
|||
<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image>
|
||||
<span>最快30分钟上门</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>-->
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -92,7 +92,7 @@
|
|||
<view class="detail-foot-mian-top">
|
||||
<span class="detail-foot-mian-top-title">性别限制: </span>
|
||||
<span class="detail-foot-mian-top-text">不限性别</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detail-foot-mian-top-bottom">
|
||||
<span class="detail-foot-mian-top-title">适应人群: </span>
|
||||
<span class="detail-foot-mian-top-text">
|
||||
|
|
@ -107,7 +107,7 @@
|
|||
<span class="detail-foot-nav-bor"></span>
|
||||
</view>
|
||||
<view class="detail-foot-mian">
|
||||
<image class="detail-foot-mian-img" v-for="(item,index) in contentImg" :key="index" :src="item" mode="widthFix"></image>
|
||||
<image class="detail-foot-mian-img" v-for="(item,index) in contentImg" :key="index" :src="item" mode="widthFix"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detail-btn" v-if="dataList.status=='0'" @click="goumai(getList)">
|
||||
|
|
@ -205,7 +205,7 @@
|
|||
text-align: center;
|
||||
background: linear-gradient(-90deg, #FF6F48, #FF9E69);
|
||||
border-radius: 7px;
|
||||
margin-left: 5px;
|
||||
margin-left: 5px;
|
||||
font-size: 10px;
|
||||
border-top-left-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
|
|
@ -292,7 +292,7 @@
|
|||
width: 34.03rpx;
|
||||
height: 32.64rpx;
|
||||
}
|
||||
|
||||
|
||||
.shouc{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -324,9 +324,9 @@
|
|||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 5rpx 0rpx;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.tese span:nth-child(1){
|
||||
font-weight: bold;
|
||||
font-size: 22rpx;
|
||||
|
|
@ -367,7 +367,7 @@
|
|||
font-size: 22rpx;
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
|
||||
.detail-foot-mian{
|
||||
width: 95%;
|
||||
display: flex;
|
||||
|
|
@ -509,21 +509,21 @@
|
|||
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;
|
||||
flex-direction: row;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
|
||||
.header-bottom-money-view{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
|
@ -603,4 +603,4 @@
|
|||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -49,14 +49,16 @@
|
|||
</view>
|
||||
<view class="item-view" v-if="text=='index'">
|
||||
<view class="view-cata">
|
||||
<view class="item-view-title">{{item.title}}1111</view>
|
||||
</view>
|
||||
<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 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>
|
||||
</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="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 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">
|
||||
|
|
@ -406,13 +408,15 @@
|
|||
color: #ff8600;
|
||||
}
|
||||
.item-view-xiangmu span:nth-child(2){
|
||||
font-weight: normal;
|
||||
color: #666666;
|
||||
font-weight: normal;
|
||||
color: #333333;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.item-view-xiangmu span:nth-child(1){
|
||||
font-weight: normal;
|
||||
color: #999;
|
||||
margin-right: 5rpx;
|
||||
font-weight: normal;
|
||||
color: #666666;
|
||||
margin-right: 5rpx;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.item-view-xiangmu{
|
||||
width: 100%;
|
||||
|
|
@ -431,17 +435,19 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
.item-view{
|
||||
width: 66%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
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;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
width: 246rpx;
|
||||
height: 206rpx;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
}
|
||||
.img-span{
|
||||
padding: 2px 5px;
|
||||
|
|
@ -462,16 +468,17 @@
|
|||
border-radius: 14rpx;
|
||||
}
|
||||
.item {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 140px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 21rpx;
|
||||
margin-top:10px;
|
||||
align-items: center;
|
||||
padding: 0px 10px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 140px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 21rpx;
|
||||
margin-top:10px;
|
||||
align-items: center;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.item-detail {
|
||||
|
|
|
|||
|
|
@ -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,18 +436,20 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
.item-view{
|
||||
width: 55%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.item-img{
|
||||
width: 285rpx;
|
||||
height: 120px;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
width:59%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
justify-content: space-between;
|
||||
padding:5rpx 0;
|
||||
}
|
||||
.item-img{
|
||||
width: 246rpx;
|
||||
height: 206rpx;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
}
|
||||
.img-span{
|
||||
padding: 2px 5px;
|
||||
font-weight: 400;
|
||||
|
|
|
|||
|
|
@ -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}}
|
||||
|
|
@ -607,14 +607,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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -52,19 +52,20 @@
|
|||
<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>
|
||||
</view>
|
||||
<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>
|
||||
<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">
|
||||
<span>已售</span><span>{{item.sales}} <!-- | 好评{{item.esteemRate}}% --></span>
|
||||
|
|
@ -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){
|
||||
font-weight: 400;
|
||||
font-size: 26rpx;
|
||||
color: #F95900;
|
||||
}
|
||||
.item-view-bottom-qian span:nth-child(2){
|
||||
font-weight: bold;
|
||||
font-size: 36.81rpx;
|
||||
color: #F95900;
|
||||
}
|
||||
.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: #FF1200;
|
||||
}
|
||||
.item-view-bottom-qian span:nth-child(1){
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FF1200;
|
||||
}
|
||||
.item-view-bottom{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.item-view-jianjie{
|
||||
font-weight: 400;
|
||||
|
|
@ -283,22 +285,24 @@
|
|||
background-color:#fcf3da;
|
||||
color: #ff8600;
|
||||
}
|
||||
.item-view-xiangmu span:nth-child(2){
|
||||
font-weight: normal;
|
||||
color: #666666;
|
||||
.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: #999;
|
||||
margin-right: 5rpx;
|
||||
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: 25rpx;
|
||||
align-items: flex-end;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
font-weight: 400;
|
||||
font-size: 25rpx;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.item-view-title{
|
||||
width: 76%;
|
||||
|
|
@ -310,19 +314,19 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
.item-view{
|
||||
width: 55%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
justify-content: space-between;
|
||||
padding: 10rpx 0;
|
||||
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;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
width: 246rpx;
|
||||
height: 206rpx;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
}
|
||||
.item-img image{
|
||||
width: 100%;
|
||||
|
|
@ -330,17 +334,17 @@
|
|||
border-radius: 14rpx;
|
||||
}
|
||||
.item {
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 140px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 21rpx;
|
||||
margin-top:10px;
|
||||
align-items: center;
|
||||
padding: 12px;
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 140px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 21rpx;
|
||||
margin-top:10px;
|
||||
align-items: center;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.item-detail {
|
||||
|
|
|
|||
|
|
@ -33,15 +33,17 @@
|
|||
<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">
|
||||
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
|
||||
</view>
|
||||
<view class="shop_label" v-else>
|
||||
<span>助眠解压</span>
|
||||
<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">
|
||||
|
|
@ -64,11 +66,13 @@
|
|||
<view class="item-view-jianjie">
|
||||
{{item.consortiaContent}}
|
||||
</view>
|
||||
<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 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">
|
||||
|
|
@ -241,9 +245,7 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.item-view-bottom-qian{
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/deep/.refresh-body .content{
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
|
|
@ -269,37 +271,42 @@
|
|||
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(2){
|
||||
font-weight: bold;
|
||||
font-size: 36.81rpx;
|
||||
color: #FF1200;
|
||||
}
|
||||
.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(3){
|
||||
font-size: 25rpx;
|
||||
color: #FF1200;
|
||||
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(1){
|
||||
font-weight: 400;
|
||||
font-size: 26rpx;
|
||||
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;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.item-view-jianjie{
|
||||
font-weight: 400;
|
||||
|
|
@ -335,22 +342,24 @@
|
|||
color: #ff8600;
|
||||
}
|
||||
.item-view-xiangmu span:nth-child(2){
|
||||
font-weight: normal;
|
||||
color: #666666;
|
||||
font-weight: normal;
|
||||
color: #333333;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.item-view-xiangmu span:nth-child(1){
|
||||
font-weight: normal;
|
||||
color: #999;
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
.item-view-xiangmu{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
font-weight: 400;
|
||||
font-size: 25rpx;
|
||||
align-items: flex-end;
|
||||
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: 25rpx;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.item-view-title{
|
||||
width: 75%;
|
||||
font-weight: bold;
|
||||
|
|
@ -361,17 +370,19 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
.item-view{
|
||||
width: 55%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
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;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
width: 246rpx;
|
||||
height: 206rpx;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
}
|
||||
.item-img img{
|
||||
border-radius: 14rpx;
|
||||
|
|
@ -393,19 +404,19 @@
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.item {
|
||||
width: 96%;
|
||||
margin: 0 2% ;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 140px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 21rpx;
|
||||
margin-top:10px;
|
||||
align-items: center;
|
||||
padding: 0px 10px;
|
||||
}
|
||||
.item {
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 140px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 21rpx;
|
||||
margin-top:10px;
|
||||
align-items: center;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.item-detail {
|
||||
padding: 5rpx 15rpx;
|
||||
|
|
|
|||
Loading…
Reference in New Issue