This commit is contained in:
parent
a5eac19a6b
commit
11372ab1fc
|
@ -86,7 +86,8 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="header-bottom-money-zhen">
|
<view class="header-bottom-money-zhen">
|
||||||
<view v-if="couponDataList" class="value-font" style="margin-right: 5px;">
|
<view v-if="couponDataList" class="value-font" style="margin-right: 5px;">
|
||||||
<span>-¥{{couponDataList}}</span>
|
<span>-¥</span>
|
||||||
|
<span>{{couponDataList}}</span>
|
||||||
</view>
|
</view>
|
||||||
<span v-else class="value-font">选择优惠券</span>
|
<span v-else class="value-font">选择优惠券</span>
|
||||||
</view>
|
</view>
|
||||||
|
@ -1379,8 +1380,14 @@
|
||||||
color: #333333;
|
color: #333333;
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
.header-bottom-money-zhen span{
|
.header-bottom-money-zhen span:nth-child(1){
|
||||||
color: #FF6000;
|
font-size: 24rpx;
|
||||||
|
color: #FF1200;
|
||||||
|
}
|
||||||
|
.header-bottom-money-zhen span:nth-child(2){
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #FF1200;
|
||||||
}
|
}
|
||||||
.header-bottom-money-zhen{
|
.header-bottom-money-zhen{
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -1390,7 +1397,7 @@
|
||||||
|
|
||||||
.xiangmu-cont-top-left{
|
.xiangmu-cont-top-left{
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: 26rpx;
|
font-size:26rpx;
|
||||||
color: #049E89;
|
color: #049E89;
|
||||||
margin: 5rpx 0;
|
margin: 5rpx 0;
|
||||||
|
|
||||||
|
@ -1424,20 +1431,19 @@
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
.detail-foot-title{
|
.detail-foot-title{
|
||||||
width: 115px;
|
width: 100px;
|
||||||
height: 32px;
|
height:24px;
|
||||||
background-image: url(../../static/servicePackage/horn.png);
|
background: linear-gradient(90deg, #ffdf96, #feca76);
|
||||||
background-repeat: no-repeat;
|
border-radius: 0 15rpx 0 30rpx;
|
||||||
background-size: 100% 100%;
|
font-weight: 400;
|
||||||
font-weight: 400;
|
font-size: 12px;
|
||||||
font-size: 15px;
|
color: #a13504;
|
||||||
color: #FFFFFF;
|
text-align: right;
|
||||||
text-align: right;
|
line-height: 24px;
|
||||||
line-height: 32px;
|
padding-right: 15px;
|
||||||
padding-right: 15px;
|
position: absolute;
|
||||||
position: absolute;
|
right: 0;
|
||||||
right: 0;
|
top: 0;
|
||||||
top: 0;
|
|
||||||
}
|
}
|
||||||
.detail-foot-list-top{
|
.detail-foot-list-top{
|
||||||
width: 95%;
|
width: 95%;
|
||||||
|
@ -1465,11 +1471,11 @@
|
||||||
|
|
||||||
.tese span:nth-child(1){
|
.tese span:nth-child(1){
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 24rpx;
|
font-size: 26rpx;
|
||||||
color: #666;
|
color: #666;
|
||||||
}
|
}
|
||||||
.tese span:nth-child(2){
|
.tese span:nth-child(2){
|
||||||
font-size: 24rpx;
|
font-size: 26rpx;
|
||||||
color: #8D9194;
|
color: #8D9194;
|
||||||
}
|
}
|
||||||
.tese{
|
.tese{
|
||||||
|
|
|
@ -457,7 +457,7 @@
|
||||||
height: 26rpx;
|
height: 26rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-view image{
|
.header-bottom-foot-view image{
|
||||||
margin-right: 3px;
|
margin-right: 1px;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-view{
|
.header-bottom-foot-view{
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -467,10 +467,9 @@
|
||||||
padding: 1px 8px;
|
padding: 1px 8px;
|
||||||
height: 22px;
|
height: 22px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
background-color: rgba(230, 246, 243, 1);
|
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 10px;
|
font-size: 11px;
|
||||||
color: #029c88;
|
color: #029c88;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-view2-img1{
|
.header-bottom-foot-view2-img1{
|
||||||
|
@ -532,7 +531,9 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-top: 26rpx;
|
margin-top: 20rpx;
|
||||||
|
border-top: 1px solid #f7f7f7;
|
||||||
|
padding: 20rpx 20rpx 0rpx 20rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-money-jia{
|
.header-bottom-money-jia{
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
|
|
|
@ -101,7 +101,7 @@
|
||||||
<view class="detail-view" style="position: relative;">
|
<view class="detail-view" style="position: relative;">
|
||||||
<image class="detail-view-img" :src="item.massageImg" mode=""></image>
|
<image class="detail-view-img" :src="item.massageImg" mode=""></image>
|
||||||
<view class="detail-view-mina">
|
<view class="detail-view-mina">
|
||||||
<view class="header-bottom-money" style="margin: 7px 0px;display: flex;justify-content: space-between; ">
|
<view class="header-bottom-money" style="display: flex;justify-content: space-between; ">
|
||||||
<view style="display: flex; align-items: flex-end;">
|
<view style="display: flex; align-items: flex-end;">
|
||||||
<view class="detail-foot-list-top">
|
<view class="detail-foot-list-top">
|
||||||
<span style="margin-right: 5px;">{{item.title}}</span>
|
<span style="margin-right: 5px;">{{item.title}}</span>
|
||||||
|
@ -205,16 +205,15 @@
|
||||||
</script>
|
</script>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.detail-foot-title{
|
.detail-foot-title{
|
||||||
width: 115px;
|
width: 100px;
|
||||||
height: 32px;
|
height:24px;
|
||||||
background-image: url(../../static/servicePackage/horn.png);
|
background: linear-gradient(90deg, #ffdf96, #feca76);
|
||||||
background-repeat: no-repeat;
|
border-radius: 0 15rpx 0 30rpx;
|
||||||
background-size: 100% 100%;
|
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 13px;
|
font-size: 12px;
|
||||||
color: #FFFFFF;
|
color: #a13504;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
line-height: 32px;
|
line-height: 24px;
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
@ -222,7 +221,7 @@
|
||||||
}
|
}
|
||||||
.xiangmu-cont-top-left{
|
.xiangmu-cont-top-left{
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: 24rpx;
|
font-size: 26rpx;
|
||||||
color: #049E89;
|
color: #049E89;
|
||||||
}
|
}
|
||||||
.xiangmu-cont-top-time{
|
.xiangmu-cont-top-time{
|
||||||
|
@ -371,7 +370,6 @@
|
||||||
width: 34.03rpx;
|
width: 34.03rpx;
|
||||||
height: 32.64rpx;
|
height: 32.64rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shouc{
|
.shouc{
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -407,12 +405,12 @@
|
||||||
|
|
||||||
.tese span:nth-child(1){
|
.tese span:nth-child(1){
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 22rpx;
|
font-size: 24rpx;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
}
|
}
|
||||||
.tese span:nth-child(2){
|
.tese span:nth-child(2){
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 22rpx;
|
font-size: 24rpx;
|
||||||
color: #8D9194;
|
color: #8D9194;
|
||||||
}
|
}
|
||||||
.tese{
|
.tese{
|
||||||
|
@ -510,10 +508,9 @@
|
||||||
padding: 1px 8px;
|
padding: 1px 8px;
|
||||||
height: 22px;
|
height: 22px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
background-color: rgba(230, 246, 243, 1);
|
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 10px;
|
font-size: 11px;
|
||||||
color: #029c88;
|
color: #029c88;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-title{
|
.header-bottom-foot-title{
|
||||||
|
@ -539,6 +536,8 @@
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
|
border-top: 1px solid #f7f7f7;
|
||||||
|
padding: 20rpx 20rpx 0rpx 20rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-money-jia{
|
.header-bottom-money-jia{
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
|
|
|
@ -19,8 +19,8 @@
|
||||||
<view class="header-bottom-money-view">
|
<view class="header-bottom-money-view">
|
||||||
<view class="header-bottom-money">
|
<view class="header-bottom-money">
|
||||||
<view class="header-bottom-money-zhen">
|
<view class="header-bottom-money-zhen">
|
||||||
<span></span>
|
<span>¥</span>
|
||||||
<span>¥{{mainData.price}}</span>
|
<span>{{mainData.price}}</span>
|
||||||
<span>/套</span>
|
<span>/套</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="header-bottom-money-jia">
|
<view class="header-bottom-money-jia">
|
||||||
|
@ -70,11 +70,11 @@
|
||||||
<image class="detail-view-img" :src="item.massageImg" mode=""></image>
|
<image class="detail-view-img" :src="item.massageImg" mode=""></image>
|
||||||
<span v-if="serviData.name!='index'" class="img-span">{{item.status=='1'?'已使用':'未使用'}}</span>
|
<span v-if="serviData.name!='index'" class="img-span">{{item.status=='1'?'已使用':'未使用'}}</span>
|
||||||
<view class="detail-view-mina">
|
<view class="detail-view-mina">
|
||||||
<view class="header-bottom-money" style="margin: 7px 0px;display: flex;justify-content: space-between; ">
|
<view class="header-bottom-money" style="display: flex;justify-content: space-between; ">
|
||||||
<view style="display: flex; align-items: flex-end;">
|
<view style="display: flex; align-items: flex-end;">
|
||||||
<view class="header-bottom-money-zhen">
|
<view class="header-bottom-money-zhen">
|
||||||
<span></span>
|
<span>¥</span>
|
||||||
<span>¥{{item.price}}</span>
|
<span>{{item.price}}</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="header-bottom-money-jia" >
|
<view class="header-bottom-money-jia" >
|
||||||
¥{{item.oldPrice}}
|
¥{{item.oldPrice}}
|
||||||
|
@ -888,22 +888,19 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.detail-foot-title{
|
.detail-foot-title{
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height:28px;
|
height:24px;
|
||||||
/*background-image: url(../../static/servicePackage/horn.png);
|
background: linear-gradient(90deg, #ffdf96, #feca76);
|
||||||
background-repeat: no-repeat;
|
border-radius: 0 15rpx 0 30rpx;
|
||||||
background-size: 100% 100%;*/
|
font-weight: 400;
|
||||||
background: linear-gradient(90deg, #ffdf96, #feca76);
|
font-size: 12px;
|
||||||
border-radius: 0 15rpx 0 30rpx;
|
color: #a13504;
|
||||||
font-weight: 400;
|
text-align: right;
|
||||||
font-size: 14px;
|
line-height: 24px;
|
||||||
color: #a13504;
|
padding-right: 15px;
|
||||||
text-align: right;
|
position: absolute;
|
||||||
line-height: 28px;
|
right: 0;
|
||||||
padding-right: 15px;
|
top: 0;
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
}
|
}
|
||||||
.detail-foot-list-top{
|
.detail-foot-list-top{
|
||||||
width: 95%;
|
width: 95%;
|
||||||
|
@ -1068,14 +1065,14 @@
|
||||||
color: #FF1200;
|
color: #FF1200;
|
||||||
}
|
}
|
||||||
.header-bottom-money-zhen span:nth-child(1){
|
.header-bottom-money-zhen span:nth-child(1){
|
||||||
font-size: 28rpx;
|
font-size: 26rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-money-zhen span:nth-child(2){
|
.header-bottom-money-zhen span:nth-child(2){
|
||||||
font-size:38rpx;
|
font-size:38rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.header-bottom-money-zhen span:nth-child(3){
|
.header-bottom-money-zhen span:nth-child(3){
|
||||||
font-size: 28rpx;
|
font-size: 26rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-money-zhen{
|
.header-bottom-money-zhen{
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
Loading…
Reference in New Issue