This commit is contained in:
kbing1981 2024-07-03 22:31:18 +08:00
parent 53e5be9ac0
commit e6f1fceb6a
1 changed files with 7 additions and 15 deletions

View File

@ -3,7 +3,7 @@
<view class="padding-bottom u-skeleton"> <view class="padding-bottom u-skeleton">
<view class="bgImg u-skeleton-fillet" style="padding: 0 29rpx;"> <view class="bgImg u-skeleton-fillet" style="padding: 0 29rpx;">
<view class="head-top"> <view class="head-top">
<view class="pay-title" style="">项目次卡</view> <view class="pay-title">项目次卡</view>
<view class="flex"> <view class="flex">
<view class="" style="width: 160upx;height: 160upx;"> <view class="" style="width: 160upx;height: 160upx;">
<image :src="orderXm.packageImg" <image :src="orderXm.packageImg"
@ -44,17 +44,17 @@
</view> </view>
<view class="detail-foot-mian"> <view class="detail-foot-mian">
<view class="detail-foot-list" v-for="(item,index) in detailData" :key="index" @click="detail(item)"> <view class="detail-foot-list" v-for="(item,index) in detailData" :key="index" @click="detail(item)">
<view class="detail-foot-list-top"> <view class="pay-title">
<span style="margin-right: 5px;">{{item.title}}</span> <span style="margin-right: 5px;">{{item.title}}</span>
<span style="display: none;">详情</span> <span style="display: none;">详情</span>
</view> </view>
<view class="detail-view"> <view class="detail-view">
<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; justify-content: space-between "> <view class="header-bottom-money">
<view class="header-bottom-money-zhen"> <view class="header-bottom-money-zhen">
<span></span> <span></span>
<span>{{item.packagePrice}}</span> <span style="font-size: 36rpx; font-weight: bold;">{{item.packagePrice}}</span>
<span style="margin-left:5px;color: #999;text-decoration: line-through;">{{item.oldPrice}}</span> <span style="margin-left:5px;color: #999;text-decoration: line-through;">{{item.oldPrice}}</span>
</view> </view>
</view> </view>
@ -83,7 +83,6 @@
<span>-{{couponDataList}}</span> <span>-{{couponDataList}}</span>
</view> </view>
<span v-else >选择优惠劵</span> <span v-else >选择优惠劵</span>
<image class="fuwu-img" src="../../static/images/my/jiantou.png" mode=""></image>
</view> </view>
</view> </view>
</view> </view>
@ -1262,7 +1261,7 @@
align-items: flex-end; align-items: flex-end;
} }
.detail-view-mina{ .detail-view-mina{
width: 68%; width: 74%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
@ -1276,7 +1275,6 @@
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.head-bottom{ .head-bottom{
@ -1323,9 +1321,9 @@
.pay-title{ .pay-title{
font-weight: bold; font-weight: bold;
font-size: 38rpx; font-size: 31rpx;
color: #333333; color: #333333;
margin-bottom: 5px; margin-bottom: 8px;
} }
.header-bottom-money-zhen span{ .header-bottom-money-zhen span{
color: #F95900 ; color: #F95900 ;
@ -1862,12 +1860,6 @@
width: 100%; width: 100%;
background-color: #f7f7f7; background-color: #f7f7f7;
} }
.pay-title{
font-weight: bold;
font-size: 28rpx;
color: #333333;
margin-bottom: 5px;
}
page { page {
background: #f7f7f7; background: #f7f7f7;
} }