This commit is contained in:
parent
6e80e40ed4
commit
9f8d8962d3
|
@ -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">服务项目333</view>
|
||||||
<view class="flex">
|
<view class="flex">
|
||||||
<view class="" style="width: 160upx;height: 160upx;">
|
<view class="" style="width: 160upx;height: 160upx;">
|
||||||
<image :src="orderXm.massageImg"
|
<image :src="orderXm.massageImg"
|
||||||
|
@ -1362,9 +1362,9 @@
|
||||||
}
|
}
|
||||||
.pay-title{
|
.pay-title{
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 28rpx;
|
font-size: 31rpx;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
.view-more{
|
.view-more{
|
||||||
display:inline-block;
|
display:inline-block;
|
||||||
|
@ -1382,9 +1382,7 @@
|
||||||
}
|
}
|
||||||
.ske-padding{
|
.ske-padding{
|
||||||
padding: 5rpx 30rpx 36rpx 30rpx;
|
padding: 5rpx 30rpx 36rpx 30rpx;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-bottom-money-zhen span{
|
.header-bottom-money-zhen span{
|
||||||
color: #F95900 !important;
|
color: #F95900 !important;
|
||||||
font-weight: bold !important;
|
font-weight: bold !important;
|
||||||
|
@ -1567,7 +1565,10 @@
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
padding: 6rpx 16rpx;
|
height:50rpx;
|
||||||
|
line-height: 50rpx;
|
||||||
|
width: 100rpx;
|
||||||
|
text-align:center;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
}
|
}
|
||||||
.header-view-data{
|
.header-view-data{
|
||||||
|
@ -1816,12 +1817,7 @@
|
||||||
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;
|
||||||
}
|
}
|
||||||
|
@ -2000,4 +1996,7 @@
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
.head-title{
|
||||||
|
font-size: 30rpx;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
|
@ -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">服务项目11111111</view>
|
<view class="pay-title">服务项目</view>
|
||||||
<view class="flex justify-around">
|
<view class="flex justify-around">
|
||||||
<view class="" style="width: 160upx;height: 160upx;">
|
<view class="" style="width: 160upx;height: 160upx;">
|
||||||
<image :src="orderXm.ordersMassageList[0].massageType.massageImg"
|
<image :src="orderXm.ordersMassageList[0].massageType.massageImg"
|
||||||
|
@ -49,7 +49,7 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="ske-padding margin-top-sm header-view">
|
<view class="ske-padding margin-top-sm header-view" >
|
||||||
<view v-if="!detailaddress">请选择地址</view>
|
<view v-if="!detailaddress">请选择地址</view>
|
||||||
<view class="margin-right-xs">
|
<view class="margin-right-xs">
|
||||||
<view class="flex justify-between margin-top-lg">
|
<view class="flex justify-between margin-top-lg">
|
||||||
|
@ -1400,7 +1400,7 @@
|
||||||
}
|
}
|
||||||
.pay-title{
|
.pay-title{
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 30rpx;
|
font-size: 31rpx;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1813,7 +1813,7 @@
|
||||||
}
|
}
|
||||||
.pay-title{
|
.pay-title{
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 32rpx;
|
font-size: 31rpx;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1317,7 +1317,7 @@
|
||||||
|
|
||||||
.pay-title{
|
.pay-title{
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 32rpx;
|
font-size: 31rpx;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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">服务项目2222</view>
|
||||||
<view class="flex">
|
<view class="flex">
|
||||||
<view class="" style="width: 160upx;height: 160upx;">
|
<view class="" style="width: 160upx;height: 160upx;">
|
||||||
<image :src="orderXm.massageImg"
|
<image :src="orderXm.massageImg"
|
||||||
|
@ -34,23 +34,23 @@
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="ske-padding margin-top-sm header-view">
|
<view class="header-padd header-view header-margin">
|
||||||
<view v-if="!detailaddress">请选择地址</view>
|
<view v-if="!detailaddress">请选择地址</view>
|
||||||
<view class="margin-right-xs">
|
<view class="margin-right-xs">
|
||||||
<view class="flex justify-between margin-top-lg">
|
<view class="flex justify-between heaer-height">
|
||||||
<view class="header-view-text">联系人</view>
|
<view class="header-view-text">联系人</view>
|
||||||
<view class="header-view-data">
|
<view class="header-view-data">
|
||||||
<text>{{name}}</text>
|
<text>{{name}}</text>
|
||||||
<text class="xuanzhe" @click="getAddressList()">修改</text>
|
<text class="xuanzhe" @click="getAddressList()">修改</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex justify-between margin-top-lg">
|
<view class="flex justify-between heaer-height">
|
||||||
<view class="header-view-text">手机号码</view>
|
<view class="header-view-text">手机号码</view>
|
||||||
<view class="header-view-data">
|
<view class="header-view-data">
|
||||||
{{mobile}}
|
{{mobile}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex justify-between margin-top-lg">
|
<view class="flex justify-between heaer-height">
|
||||||
<view class="header-view-text">详细地址</view>
|
<view class="header-view-text">详细地址</view>
|
||||||
<view class="flex adders-view">
|
<view class="flex adders-view">
|
||||||
<span>
|
<span>
|
||||||
|
@ -62,19 +62,19 @@
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="ske-padding margin-top-sm header-view">
|
<view class="header-view header-padd header-margin ">
|
||||||
<view class="fuwu-time" @click="liliaoshi">
|
<view class="fuwu-time heaer-height" @click="liliaoshi">
|
||||||
<view class="fuwu-title" >
|
<view class="fuwu-title" >
|
||||||
<span>技师</span>
|
<span>技师</span>
|
||||||
<!-- <span v-if="jishiName">{{jishiName.technicianTypeName}}</span> -->
|
<!-- <span v-if="jishiName">{{jishiName.technicianTypeName}}</span> -->
|
||||||
</view>
|
</view>
|
||||||
<view class="liliao-bottom" style="margin-right: 6px;">
|
<view class="liliao-bottom" >
|
||||||
<span v-if="jishiName.artificerId">{{jishiName.artificerName}}</span>
|
<span v-if="jishiName.artificerId">{{jishiName.artificerName}}</span>
|
||||||
<span v-else>请选择技师</span>
|
<span v-else>请选择技师</span>
|
||||||
<span class="view-more"></span>
|
<span class="view-more"></span>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="fuwu-time">
|
<view class="fuwu-time heaer-height">
|
||||||
<view class="fuwu-title">
|
<view class="fuwu-title">
|
||||||
服务时间
|
服务时间
|
||||||
</view>
|
</view>
|
||||||
|
@ -1386,12 +1386,6 @@
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pay-title{
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 38rpx;
|
|
||||||
color: #333333;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
.header-bottom-money-zhen span{
|
.header-bottom-money-zhen span{
|
||||||
color: #F95900 ;
|
color: #F95900 ;
|
||||||
}
|
}
|
||||||
|
@ -1678,8 +1672,15 @@
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
.xuanzhe{
|
.xuanzhe{
|
||||||
|
background: linear-gradient(90deg, #029d88, #2fc094);
|
||||||
|
color: #ffffff;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
border: 1px solid;
|
border-radius: 30rpx;
|
||||||
|
height:50rpx;
|
||||||
|
line-height: 50rpx;
|
||||||
|
width: 100rpx;
|
||||||
|
text-align:center;
|
||||||
|
font-size: 26rpx;
|
||||||
}
|
}
|
||||||
.header-view-data{
|
.header-view-data{
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -1703,7 +1704,7 @@
|
||||||
}
|
}
|
||||||
.header-view{
|
.header-view{
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 12px;
|
||||||
border-radius: 11px;
|
border-radius: 11px;
|
||||||
}
|
}
|
||||||
.head-foot span:nth-child(1){
|
.head-foot span:nth-child(1){
|
||||||
|
@ -1929,9 +1930,9 @@
|
||||||
}
|
}
|
||||||
.pay-title{
|
.pay-title{
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 28rpx;
|
font-size: 31rpx;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
page {
|
page {
|
||||||
background: #f7f7f7;
|
background: #f7f7f7;
|
||||||
|
@ -2110,4 +2111,14 @@
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
.header-margin{
|
||||||
|
margin: 26rpx;
|
||||||
|
}
|
||||||
|
.header-padd{
|
||||||
|
padding: 36rpx;
|
||||||
|
}
|
||||||
|
.heaer-height{
|
||||||
|
height: 80rpx;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
|
@ -1424,7 +1424,7 @@
|
||||||
}
|
}
|
||||||
.pay-title{
|
.pay-title{
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 32rpx;
|
font-size: 31rpx;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -50,7 +50,7 @@
|
||||||
<view class="item-view">
|
<view class="item-view">
|
||||||
<view class="view-cata">
|
<view class="view-cata">
|
||||||
<view class="item-view-title">{{item.title}}</view>
|
<view class="item-view-title">{{item.title}}</view>
|
||||||
<span class="xiaoer item-view-biao">{{item.classifyName}}11</span>
|
<span class="xiaoer item-view-biao">{{item.classifyName}}1</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="item-view-bottom-qian">
|
<view class="item-view-bottom-qian">
|
||||||
<span>¥</span>
|
<span>¥</span>
|
||||||
|
|
|
@ -48,8 +48,9 @@
|
||||||
<span class="img-span">{{item.status=='1'?'未用完':item.status=='2'?'退款':'已用完'}}</span>
|
<span class="img-span">{{item.status=='1'?'未用完':item.status=='2'?'退款':'已用完'}}</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="item-view">
|
<view class="item-view">
|
||||||
<view class="item-view-title">
|
<view class="view-cata">
|
||||||
{{item.title}}
|
<view class="item-view-title">{{item.title}}</view>
|
||||||
|
<span class="xiaoer item-view-biao">{{item.classifyName}}11</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="item-view-bottom-qian" style="margin-top: 5px;">
|
<view class="item-view-bottom-qian" style="margin-top: 5px;">
|
||||||
<span>¥</span>
|
<span>¥</span>
|
||||||
|
@ -63,8 +64,7 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="item-view-bottom">
|
<view class="item-view-bottom">
|
||||||
<view class="item-view-xiangmu">
|
<view class="item-view-xiangmu">
|
||||||
<span class="xiaoer item-view-biao">{{item.classifyName}}</span>
|
<span>已售</span><span>{{item.sales}}w+ <!-- | 好评{{item.esteemRate}}% --></span>
|
||||||
<span>已售{{item.sales}}w+ <!-- | 好评{{item.esteemRate}}% --></span>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="item-view-bottom-btn">
|
<view class="item-view-bottom-btn">
|
||||||
查看
|
查看
|
||||||
|
@ -238,8 +238,8 @@
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
.item-view-biao{
|
.item-view-biao{
|
||||||
padding: 1px 2px;
|
padding: 1px 5px;
|
||||||
border-radius: 6rpx;
|
border-radius: 15rpx 3rpx 15rpx 3rpx;
|
||||||
}
|
}
|
||||||
.tuina{
|
.tuina{
|
||||||
background-color:#d1f2df;
|
background-color:#d1f2df;
|
||||||
|
@ -257,24 +257,31 @@
|
||||||
background-color:#fcf3da;
|
background-color:#fcf3da;
|
||||||
color: #ff8600;
|
color: #ff8600;
|
||||||
}
|
}
|
||||||
.item-view-xiangmu span:nth-child(2){
|
.item-view-xiangmu span:nth-child(2){
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
margin-left: 5px;
|
}
|
||||||
font-size: 25rpx;
|
.item-view-xiangmu span:nth-child(1){
|
||||||
|
font-weight: normal;
|
||||||
|
color: #999;
|
||||||
|
margin-right: 5rpx;
|
||||||
}
|
}
|
||||||
.item-view-xiangmu{
|
.item-view-xiangmu{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 21rpx;
|
font-size: 25rpx;
|
||||||
margin-top: 5px;
|
align-items: flex-end;
|
||||||
}
|
}
|
||||||
.item-view-title{
|
.item-view-title{
|
||||||
|
width: 76%;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 33rpx;
|
font-size: 32rpx;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
.item-view{
|
.item-view{
|
||||||
width: 55%;
|
width: 55%;
|
||||||
|
@ -415,6 +422,11 @@
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
.view-cata{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
BIN
static/money.png
BIN
static/money.png
Binary file not shown.
Before Width: | Height: | Size: 4.0 KiB |
Loading…
Reference in New Issue