修改

pages/therapist/orderDetail.vue

@@ -46,11 +46,10 @@
 							<span class="headset-text2">资深</span>
 						</view>
 						<view class="keyuyue">
-							<view class="keyuyue-xu" >
-								<view><image style="width: 30rpx;height: 30rpx; margin-top: 5rpx; margin-left: 5rpx;"  src="../../static/timea.png"></image></view>
+							<view >
 								<view>{{order.status == 1?"可服务":"休息中"}}</view>
 							</view>
-							<view  class="keyuyue-timie" v-if="order.status == 1">{{order.time}}</view>
+							<view  v-if="order.status == 1">{{order.time}}</view>
 						</view>
 					</view>
 					<view class="jian-view-right">
@@ -69,11 +68,11 @@
 						<span><image style="width: 22rpx; height: 26rpx; margin-right:8rpx;" src="../../static/fire.png"></image>{{order.collectCount}}人 关注</span>
 					</view>
 					<view class="oder-mian-tjia">
-						<view class="" style="margin-bottom: 3px;">
+						<view style="margin-top: 3rpx; margin-right: 8rpx;">
 							<view class="text-center shouchang">
 								<view class="shouchang-view" @click="toggle('center')">
-									<image class="shouchang-img" src="../../static/orderDetail/technician6.png">
-									</image>
+									<image class="shouchang-img" src="../../static/orderDetail/technician6.png"></image>
+									<span class="shouchang-text">打赏技师</span>
 									<!-- <image src="../../static/orderDetail/technician6-1.png"
 										style="width: 45rpx;height: 45rpx;position: relative;top: 4upx;" v-else></image> -->
 								</view>
@@ -82,7 +81,7 @@
 						</view>
 						<view class="oder-mian-qing" @click="shangxian" v-if="order.status == 2">请TA上线</view>
 						<view class="oder-mian-guan" :class="[isFollow?'activeG':'activeQ']" @click="guanzhu(order)">
-							+ 关注
+							<!--+ 关注-->
 						</view>
 					</view>
 				</view>
@@ -880,22 +879,20 @@
 		justify-content: flex-end;
 	}
 	.oder-mian-guan{
-		width: 113rpx;
-		height: 60rpx;
-		line-height: 60rpx;
-		text-align: center;
-		font-weight: 400;
-		font-size: 23rpx;
-		border-radius: 60rpx;
+		width: 65rpx;
+		height: 65rpx;
 	}
 	.activeQ{
-		color: #029d88;
-		background: #fff;
-		border:1px solid #029d88;
+		background: url('../../static/orderDetail/technician7-1.png');
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+		padding: 10rpx;
 		}
 	.activeG{
-		color: #fff;
-		background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
+		background: url('../../static/orderDetail/technician7.png');
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+		padding: 10rpx;
 	}
 	.oder-mian-qing{
 		width: 70px;
@@ -978,12 +975,21 @@
 		display: flex;
 		align-items: center;
 		justify-content: center;
+		background: #ffede8;
+		border-radius: 30rpx;
+		height: 56rpx;
+		padding: 0 12rpx;
 	}
 	.shouchang-img{
-		width: 60rpx;
-		height: 60rpx;
-		margin-top: 3px;
-		margin-right: 8rpx;
+		width: 50rpx;
+		height:50rpx;
+		padding: 10rpx;
+	}
+	.shouchang-text{
+		color: #ff7e5b;
+		font-size: 24rpx;
+		padding: 0 15rpx 0  0 ;
+		font-weight: bold;
 	}
 	.xiangmu-cont-top-left{
 		font-weight: normal;
@@ -1330,30 +1336,17 @@
 		height: 662rpx;
 	}
 	.keyuyue{
-		width: 180rpx;
-		height: 22px;
+		height: 20px;
 		display: flex;
 		flex-direction: row;
-		background: linear-gradient(90deg, #ffe0d8, #fde4c6);
-		border: 1px #ffe0d8 solid;
+		align-items: center;
+		background: linear-gradient(90deg, #fee9ca, #fde4c6);
+		border: 1px #decbae solid;
 		border-radius: 30rpx 30rpx 30rpx 2rpx;
+		padding: 3rpx 18rpx;
 		color:#8d500f;
 		font-size: 22rpx;
 		margin-left: 15rpx;
-		
-	}
-	.keyuyue-xu{
-		width: 65%;
-		background: linear-gradient(90deg, #ff7e5c, #ff8e70);
-		border-radius: 30rpx 30rpx 30rpx 2rpx;
-		color: #fff;
-		display: flex;
-		align-items:center;
-	}
-	.keyuyue-timie{
-		color: #ff7e5c;
-		padding: 8rpx 0;
-		margin-left: 3rpx;
 	}
 	.order-sname{
 		width: 100%;