This commit is contained in:
kbing1981 2024-07-30 18:01:30 +08:00
parent bc5a7b0d2c
commit d4b087d6f8
3 changed files with 36 additions and 33 deletions

View File

@ -5,9 +5,8 @@
<view class="head-top">
<view class="pay-title">服务项目</view>
<view class="flex">
<view style="width: 160upx;height: 160upx;">
<image :src="orderXm.packageImg"
style="width: 100%;height: 100%;border-radius: 19upx;"></image>
<view>
<image :src="orderXm.packageImg" class="detail-view-img"></image>
</view>
<view class="head-bottom margin-left-sm">
<view class="flex head-title-right">
@ -58,7 +57,7 @@
<span style="margin-left:5px;color: #999;text-decoration: line-through;">{{item.oldPrice}}</span>
</view>
</view>
<view style="color: #019c88;margin: 7px 0px;">服务时长:{{item.duration}}分钟</view>
<view style="color: #019c88;margin:3px 0px;">服务时长:{{item.duration}}分钟</view>
<view class="tese">
<span>项目特色: </span>
<span>{{item.jianjie}}</span>
@ -282,8 +281,8 @@
justify-content: space-around;
}
.detail-view-img{
width: 76px;
height: 76px;
width: 80px;
height: 80px;
border-radius: 9px;
}
.detail-view{
@ -373,20 +372,21 @@
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: 30px;
position: absolute;
right: 0;
top: 0;
width: 115px;
height: 32px;
background: linear-gradient(90deg, #ff5e40, #fd372e);
border-radius: 0 15rpx 0 30rpx;
background-repeat: no-repeat;
background-size: 100% 100%;
font-weight: 400;
font-size: 15px;
color: #FFFFFF;
text-align: right;
line-height: 32px;
padding-right:37px;
position: absolute;
right: 0;
top: 0;
}
.detail-foot-list-top{
width: 95%;
@ -414,12 +414,12 @@
.tese span:nth-child(1){
font-weight: bold;
font-size: 22rpx;
font-size: 26rpx;
color: #333333;
}
.tese span:nth-child(2){
font-weight: 400;
font-size: 22rpx;
font-size: 26rpx;
color: #8D9194;
}
.tese{

View File

@ -100,7 +100,10 @@
@click="bindphone(order.artificer.phone)"></image> -->
<!-- <image src="../../static/img/phone.png" class="phone-pay"
@click="bindphone(order.artificer.phone)"></image> -->
<view class="level_button">{{order.technicianTypeName}}</view>
<view class="level_button">
<!-- {{order.technicianTypeName}} -->
<image style="width: 120rpx; height: 45rpx;" :src="order.technicianType=='3'?'../../static/vip/grade1.gif':order.technicianType=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'" mode=""></image>
</view>
</view>
<!-- <view class="level_button">{{order.technicianType=='3'?'新手':order.technicianType=='4'?'专家':'资深'}}</view> -->
@ -1987,12 +1990,8 @@
font-size:30rpx;
}
.level_button{
padding: 4rpx 20rpx;
background: linear-gradient(to right, #ffc1a9, #fedec9, #fdbb9f);
border-radius: 16rpx 16rpx 16rpx 1rpx;
color: #e95c3b;
font-size: 12px;
border: 1px solid #fd967c;
width: 120rpx;
height:45rpx;
}
.add-lin{
height: 74rpx;

View File

@ -8,10 +8,9 @@
style="padding: 0 29rpx;">
<view class="head-top">
<view class="pay-title" style="">服务项目</view>
<view class="flex justify-around">
<view class="" style="width: 160upx;height: 160upx;">
<image :src="order.ordersPackageList[0].packageImg"
style="width: 100%;height: 100%;border-radius: 19upx;"></image>
<view>
<view>
<image :src="order.ordersPackageList[0].packageImg" class="detail-view-img"></image>
</view>
<view class="u-flex-1 margin-left-sm" style="display: flex;flex-direction: column;justify-content: space-around;">
<view class="flex head-title-right">
@ -992,6 +991,11 @@
/deep/.u-drawer{
z-index:11 !important;
}
.detail-view-img{
width: 80px;
height: 80px;
border-radius: 9px;
}
.xiangmu-cont-top-left{
font-weight: normal;
font-size: 21rpx;