This commit is contained in:
parent
bc5a7b0d2c
commit
d4b087d6f8
|
@ -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{
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue