This commit is contained in:
kbing1981 2024-07-30 15:23:39 +08:00
parent a5eac19a6b
commit 11372ab1fc
4 changed files with 65 additions and 62 deletions

View File

@ -86,7 +86,8 @@
</view>
<view class="header-bottom-money-zhen">
<view v-if="couponDataList" class="value-font" style="margin-right: 5px;">
<span>-{{couponDataList}}</span>
<span>-</span>
<span>{{couponDataList}}</span>
</view>
<span v-else class="value-font">选择优惠券</span>
</view>
@ -1379,8 +1380,14 @@
color: #333333;
margin-bottom: 12px;
}
.header-bottom-money-zhen span{
color: #FF6000;
.header-bottom-money-zhen span:nth-child(1){
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{
display: flex;
@ -1390,7 +1397,7 @@
.xiangmu-cont-top-left{
font-weight: normal;
font-size: 26rpx;
font-size:26rpx;
color: #049E89;
margin: 5rpx 0;
@ -1424,20 +1431,19 @@
margin: 10px 0;
}
.detail-foot-title{
width: 115px;
height: 32px;
background-image: url(../../static/servicePackage/horn.png);
background-repeat: no-repeat;
background-size: 100% 100%;
font-weight: 400;
font-size: 15px;
color: #FFFFFF;
text-align: right;
line-height: 32px;
padding-right: 15px;
position: absolute;
right: 0;
top: 0;
width: 100px;
height:24px;
background: linear-gradient(90deg, #ffdf96, #feca76);
border-radius: 0 15rpx 0 30rpx;
font-weight: 400;
font-size: 12px;
color: #a13504;
text-align: right;
line-height: 24px;
padding-right: 15px;
position: absolute;
right: 0;
top: 0;
}
.detail-foot-list-top{
width: 95%;
@ -1465,11 +1471,11 @@
.tese span:nth-child(1){
font-weight: bold;
font-size: 24rpx;
font-size: 26rpx;
color: #666;
}
.tese span:nth-child(2){
font-size: 24rpx;
font-size: 26rpx;
color: #8D9194;
}
.tese{

View File

@ -457,7 +457,7 @@
height: 26rpx;
}
.header-bottom-foot-view image{
margin-right: 3px;
margin-right: 1px;
}
.header-bottom-foot-view{
display: flex;
@ -467,10 +467,9 @@
padding: 1px 8px;
height: 22px;
line-height: 22px;
background-color: rgba(230, 246, 243, 1);
border-radius: 15px;
font-weight: 400;
font-size: 10px;
font-size: 11px;
color: #029c88;
}
.header-bottom-foot-view2-img1{
@ -532,7 +531,9 @@
display: flex;
flex-direction: column;
align-items: center;
margin-top: 26rpx;
margin-top: 20rpx;
border-top: 1px solid #f7f7f7;
padding: 20rpx 20rpx 0rpx 20rpx;
}
.header-bottom-money-jia{
font-size: 28rpx;

View File

@ -101,7 +101,7 @@
<view class="detail-view" style="position: relative;">
<image class="detail-view-img" :src="item.massageImg" mode=""></image>
<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 class="detail-foot-list-top">
<span style="margin-right: 5px;">{{item.title}}</span>
@ -205,16 +205,15 @@
</script>
<style scoped>
.detail-foot-title{
width: 115px;
height: 32px;
background-image: url(../../static/servicePackage/horn.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100px;
height:24px;
background: linear-gradient(90deg, #ffdf96, #feca76);
border-radius: 0 15rpx 0 30rpx;
font-weight: 400;
font-size: 13px;
color: #FFFFFF;
font-size: 12px;
color: #a13504;
text-align: right;
line-height: 32px;
line-height: 24px;
padding-right: 15px;
position: absolute;
right: 0;
@ -222,7 +221,7 @@
}
.xiangmu-cont-top-left{
font-weight: normal;
font-size: 24rpx;
font-size: 26rpx;
color: #049E89;
}
.xiangmu-cont-top-time{
@ -371,7 +370,6 @@
width: 34.03rpx;
height: 32.64rpx;
}
.shouc{
display: flex;
align-items: center;
@ -407,12 +405,12 @@
.tese span:nth-child(1){
font-weight: bold;
font-size: 22rpx;
font-size: 24rpx;
color: #333333;
}
.tese span:nth-child(2){
font-weight: 400;
font-size: 22rpx;
font-size: 24rpx;
color: #8D9194;
}
.tese{
@ -510,10 +508,9 @@
padding: 1px 8px;
height: 22px;
line-height: 22px;
background-color: rgba(230, 246, 243, 1);
border-radius: 15px;
font-weight: 400;
font-size: 10px;
font-size: 11px;
color: #029c88;
}
.header-bottom-foot-title{
@ -539,6 +536,8 @@
flex-direction: column;
align-items: center;
margin-top: 20rpx;
border-top: 1px solid #f7f7f7;
padding: 20rpx 20rpx 0rpx 20rpx;
}
.header-bottom-money-jia{
font-size: 28rpx;

View File

@ -19,8 +19,8 @@
<view class="header-bottom-money-view">
<view class="header-bottom-money">
<view class="header-bottom-money-zhen">
<span></span>
<span>{{mainData.price}}</span>
<span></span>
<span>{{mainData.price}}</span>
<span>/</span>
</view>
<view class="header-bottom-money-jia">
@ -70,11 +70,11 @@
<image class="detail-view-img" :src="item.massageImg" mode=""></image>
<span v-if="serviData.name!='index'" class="img-span">{{item.status=='1'?'已使用':'未使用'}}</span>
<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 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}}
@ -888,22 +888,19 @@
position: relative;
}
.detail-foot-title{
width: 100px;
height:28px;
/*background-image: url(../../static/servicePackage/horn.png);
background-repeat: no-repeat;
background-size: 100% 100%;*/
background: linear-gradient(90deg, #ffdf96, #feca76);
border-radius: 0 15rpx 0 30rpx;
font-weight: 400;
font-size: 14px;
color: #a13504;
text-align: right;
line-height: 28px;
padding-right: 15px;
position: absolute;
right: 0;
top: 0;
width: 100px;
height:24px;
background: linear-gradient(90deg, #ffdf96, #feca76);
border-radius: 0 15rpx 0 30rpx;
font-weight: 400;
font-size: 12px;
color: #a13504;
text-align: right;
line-height: 24px;
padding-right: 15px;
position: absolute;
right: 0;
top: 0;
}
.detail-foot-list-top{
width: 95%;
@ -1068,14 +1065,14 @@
color: #FF1200;
}
.header-bottom-money-zhen span:nth-child(1){
font-size: 28rpx;
font-size: 26rpx;
}
.header-bottom-money-zhen span:nth-child(2){
font-size:38rpx;
font-weight: bold;
}
.header-bottom-money-zhen span:nth-child(3){
font-size: 28rpx;
font-size: 26rpx;
}
.header-bottom-money-zhen{
display: flex;