This commit is contained in:
kbing1981 2024-07-20 16:11:07 +08:00
parent e2592d2718
commit 843bee8b7b
6 changed files with 51 additions and 37 deletions

View File

@ -1309,8 +1309,8 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.ske-padding{ .ske-padding{
padding: 5rpx 30rpx 36rpx 30rpx; padding: 5rpx 30rpx 36rpx 30rpx;
} }
.header-bottom-money{ .header-bottom-money{
width: 100%; width: 100%;
display: flex; display: flex;
@ -1386,17 +1386,27 @@
margin-bottom: 8px; margin-bottom: 8px;
} }
.header-bottom-money-zhen span{ .header-bottom-money-zhen span{
color: #F95900 ; color: #F95900;
}
.header-bottom-money-zhen span:nth-child(1){
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: 26rpx;
} }
.header-bottom-money-zhen{ .header-bottom-money-zhen{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: baseline; align-items: baseline;
justify-content: space-between;
} }
.xiangmu-cont-top-left{ .xiangmu-cont-top-left{
font-weight: normal; font-weight: normal;
font-size: 24rpx; font-size: 26rpx;
color: #049E89; color: #049E89;
margin: 5rpx 0; margin: 5rpx 0;
@ -1463,12 +1473,11 @@
.tese span:nth-child(1){ .tese span:nth-child(1){
font-weight: bold; font-weight: bold;
font-size: 22rpx; font-size: 24rpx;
color: #333333; color: #666;
} }
.tese span:nth-child(2){ .tese span:nth-child(2){
font-weight: 400; font-size: 24rpx;
font-size: 22rpx;
color: #8D9194; color: #8D9194;
} }
.tese{ .tese{
@ -1478,6 +1487,7 @@
-webkit-line-clamp: 2; /* 显示的行数,可以根据需要修改 */ -webkit-line-clamp: 2; /* 显示的行数,可以根据需要修改 */
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-top: 4rpx;
} }
.detail-foot-list-top span:nth-child(1){ .detail-foot-list-top span:nth-child(1){
font-weight: bold; font-weight: bold;

View File

@ -22,7 +22,7 @@
{{order.entryName}} {{order.entryName}}
</view> </view>
<view class="zhuangtai"> <view class="zhuangtai">
<view v-if="order.status ==1">款...</view> <view v-if="order.status ==1"></view>
<view v-if="order.status ==2">待服务</view> <view v-if="order.status ==2">待服务</view>
<view v-if="order.status ==5">已完成</view> <view v-if="order.status ==5">已完成</view>
<view v-if="order.status ==6">服务中</view> <view v-if="order.status ==6">服务中</view>

View File

@ -19,7 +19,7 @@
{{order.ordersPackageList[0].title}} {{order.ordersPackageList[0].title}}
</view> </view>
<view class="zhuangtai"> <view class="zhuangtai">
<view v-if="order.ordersPackageList[0].status ==1">款...</view> <view v-if="order.ordersPackageList[0].status ==1"></view>
</view> </view>
</view> </view>
<view class="flex align-center"> <view class="flex align-center">
@ -63,10 +63,10 @@
<span style="color: rgb(249, 55, 49);">-{{order.couponMoney}}</span> <span style="color: rgb(249, 55, 49);">-{{order.couponMoney}}</span>
</view> </view>
<view class="fei-view-list" v-if="order.vipReductionMoney"> <view class="fei-view-list" v-if="order.vipReductionMoney">
<view>会员减免</view> <view>会员减免</view>
<view>-{{order.vipReductionMoney}}</view> <view>-{{order.vipReductionMoney}}</view>
</view> </view>
<view class="jusitify-line-end"></view>
<view class="fei-view-list-z"> <view class="fei-view-list-z">
<span>总金额</span> <span>总金额</span>
<span style="color: #FF3939;font-weight: bold;font-size: 32rpx; ">{{order.payMoney}}</span> <span style="color: #FF3939;font-weight: bold;font-size: 32rpx; ">{{order.payMoney}}</span>
@ -1048,6 +1048,11 @@
.adders-view image{ .adders-view image{
margin-top: 5px; margin-top: 5px;
} }
.jusitify-line-end{
height: 1px;
border-bottom: 1px #f4f4f4 solid;
margin: 15px 0;
}
.xuanzhe{ .xuanzhe{
background: #e5e7eb; background: #e5e7eb;
color: #666; color: #666;
@ -1326,8 +1331,6 @@
} }
.fei-view-list-z{ .fei-view-list-z{
height: 65rpx; height: 65rpx;
border-top: 1px solid #f3f3f3;
padding-top: 20rpx;
font-weight: bold; font-weight: bold;
} }
.fei-view-list span:nth-child(1),.fei-view-list-z span:nth-child(1){ .fei-view-list span:nth-child(1),.fei-view-list-z span:nth-child(1){

View File

@ -206,6 +206,7 @@
z-index: 999; z-index: 999;
background: linear-gradient(60deg,rgba(115, 212, 183, 0.2),rgba(227, 251, 244, 0.1),rgba(193, 236, 223, 0.35)); background: linear-gradient(60deg,rgba(115, 212, 183, 0.2),rgba(227, 251, 244, 0.1),rgba(193, 236, 223, 0.35));
border-bottom:1rpx solid #c4ede1; border-bottom:1rpx solid #c4ede1;
padding-top: 6rpx;
} }
.shop_label{ .shop_label{
display: flex; display: flex;
@ -455,11 +456,11 @@
} }
.search-btn{ .search-btn{
text-align: center; text-align: center;
line-height: 26px; line-height: 27px;
color: #fff; color: #fff;
position: absolute; position: absolute;
right: 20rpx; right: 20rpx;
top: 24rpx; top: 28rpx;
height: 26px !important; height: 26px !important;
} }
/deep/.uni-searchbar{ /deep/.uni-searchbar{

View File

@ -39,7 +39,7 @@
</view> </view>
</view> </view>
<view class="header-bottom-foot"> <view class="header-bottom-foot">
<view class="header-bottom-foot-title">服务保障</view> <view><image class="header-bottom-foot-title" src="../../static/dituzhaoren1.png" ></image></view>
<view class="header-bottom-foot-view"> <view class="header-bottom-foot-view">
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image> <image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
<span>实名认证</span> <span>实名认证</span>
@ -81,7 +81,7 @@
</view> </view>
<view class="service-more" @click.stop="xiangqing(item)">{{item.status=='1'?'详情':'预约'}}</view> <view class="service-more" @click.stop="xiangqing(item)">{{item.status=='1'?'详情':'预约'}}</view>
</view> </view>
<view style="color: #019c88;">服务时长:{{item.duration}}分钟</view> <view style="color: #019c88; font-size: 26rpx;">服务时长:{{item.duration}}分钟</view>
<view class="tese"> <view class="tese">
<span>项目特色: </span> <span>项目特色: </span>
<span>{{item.jianjie}}</span> <span>{{item.jianjie}}</span>
@ -682,14 +682,14 @@
margin-left: 27px; margin-left: 27px;
} }
.detail-view-mina{ .detail-view-mina{
width: 70%; width: 74%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
} }
.detail-view-img{ .detail-view-img{
width: 76px; width: 80px;
height: 76px; height: 80px;
border-radius: 9px; border-radius: 9px;
} }
.detail-view{ .detail-view{
@ -916,11 +916,11 @@
.tese span:nth-child(1){ .tese span:nth-child(1){
font-weight: bold; font-weight: bold;
font-size: 28rpx; font-size: 24rpx;
color: #666; color: #666;
} }
.tese span:nth-child(2){ .tese span:nth-child(2){
font-size: 28rpx; font-size: 24rpx;
color: #8D9194; color: #8D9194;
} }
.tese{ .tese{
@ -930,6 +930,7 @@
-webkit-line-clamp: 2; /* 显示的行数,可以根据需要修改 */ -webkit-line-clamp: 2; /* 显示的行数,可以根据需要修改 */
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-top: 4rpx;
} }
.detail-foot-list-top span:nth-child(1){ .detail-foot-list-top span:nth-child(1){
font-weight: bold; font-weight: bold;
@ -963,7 +964,7 @@
} }
.jianjie{ .jianjie{
font-weight: 400; font-weight: 400;
font-size: 28rpx; font-size: 24rpx;
color: #8D9194; color: #8D9194;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
@ -972,18 +973,19 @@
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.header-bottom-mian{ .header-bottom-mian{
margin: 10px 0px; margin: 3px 0px;
} }
.header-bottom-mian-title{ .header-bottom-mian-title{
width: 100%; width: 100%;
margin-bottom: 3px; display: flex;
align-items: center;
} }
.header-bottom-mian-title span{ .header-bottom-mian-title span{
font-weight: 400; font-weight: 400;
font-size: 28rpx; font-size: 28rpx;
color: #20AB95; color: #20AB95;
margin-left: 5px; margin-left: 5px;
padding: 20rpx 0; padding: 10rpx 0;
} }
.header-bottom-mian-title image{ .header-bottom-mian-title image{
width: 30.56rpx; width: 30.56rpx;
@ -1019,19 +1021,17 @@
color: #029D88; color: #029D88;
} }
.header-bottom-foot-title{ .header-bottom-foot-title{
width: 69px; width: 65px;
height: 22px; height: 17px;
line-height: 22px; margin-right: 8rpx;
text-align: left; margin-top: 4rpx;
font-weight: 600;
font-size: 30rpx;
color: #029d88;
} }
.header-bottom-foot{ .header-bottom-foot{
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
margin-top: 8rpx;
} }
.header-bottom-money-jia{ .header-bottom-money-jia{
font-size: 28rpx; font-size: 28rpx;
@ -1073,10 +1073,10 @@
align-items: flex-end; align-items: flex-end;
} }
.header-bottom-title-num span{ .header-bottom-title-num span{
font-weight: bold; font-size: 28rpx;
font-size: 30rpx;
} }
.header-bottom-title-num span:nth-child(1){ .header-bottom-title-num span:nth-child(1){
font-weight: bold;
color: #08A28A; color: #08A28A;
} }
.header-bottom-title-num span:nth-child(2){ .header-bottom-title-num span:nth-child(2){

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB