修改

pages/therapist/orderDetail.vue

@@ -42,7 +42,7 @@
 							<span class="headset-text1">专家</span>
 						</view>-->
 						<view class="headset-line">
-							<image class="headset-img" :src="order.technicianType=='3'?'../../static/vip/headset1.png':order.technicianType=='4'?'../../static/vip/headset3.png':'../../static/vip/headset2.png'" mode=""></image>
+							<image class="headset-img" :src="order.technicianType=='3'?'../../static/vip/grade1.gif':order.technicianType=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'" mode=""></image>
 							<span class="headset-text2">{{order.technicianTypeName}}</span>
 						</view>
 					</view>
@@ -50,7 +50,7 @@
 						<view class="oder-mian-qing" @click="shangxian" v-if="order.status == 2">请TA上线</view>
 						<view class="keyuyue">
 								<view class="flex">
-									<image class="timea-img"></image>
+									<!--<image class="timea-img"></image>-->
 									<view class="timea-fu">{{order.status == 1?"可服务":"休息中"}}</view>
 									<view class="timea-time" v-if="order.status == 1">{{order.time}}</view>
 								</view>
@@ -63,24 +63,20 @@
 				</view>
 				<view class="oder-mian">
 					<view class="oder-mian-left">
-						<view class="oder-mian-guan" :class="[isFollow?'activeG':'activeQ']" @click="guanzhu(order)">
-							收藏
-						</view>
 						<view class="shouchang-view" @click="toggle('center')">
 							<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>
-						
 					</view>
 					<view class="oder-mian-tjia">
 						<!---<span>{{order.collectCount}}人关注</span>-->
+						<view class="oder-mian-guan" :class="[isFollow?'activeG':'activeQ']" @click="guanzhu(order)">
+						</view>
 						<span>ID:{{order.invitationCode}}</span>
 					</view>
 				</view>
-				
-				
 				<view class="flex" style="margin-top: 20rpx;">
 					<view class="flex order-sname" v-if="order.consortiaName">
 						<image class="order-sname-img" src="../../static/orderDetail/chengchi.png" mode=""></image>
@@ -657,12 +653,13 @@
 
 <style scoped>
 	.headset-line{
+		
 		display: flex;
 		position: relative;
 	}
 	.headset-img{
-		width: 35rpx;
+		width: 120rpx;
-		height: 35rpx;
+		height: 40rpx;
 		position: absolute;
 		top:1rpx;
 		left:-1rpx;
@@ -890,27 +887,21 @@
 		color: #666;
 	}
 	.oder-mian-guan{
-		width: 116rpx;
+		width: 50rpx;
 		height: 50rpx;
 		border-radius: 30rpx;
-		font-size: 24rpx;
+		font-size: 28rpx;
+		margin-right: 8rpx;
 	}
 	.activeQ{
 		background: url('../../static/follow.png') 14rpx 8rpx;
 		background-repeat: no-repeat;
-		background-size:28rpx 28rpx;
+		background-size:32rpx 32rpx;
-		line-height: 48rpx;
-		text-indent:46rpx;
-		border: 1px solid #999999;
 		}
 	.activeG{
-		background:#2dbe93 url('../../static/follow2.png') 14rpx 8rpx;
+		background: url('../../static/follow2.png') 14rpx 8rpx;
 		background-repeat: no-repeat;
-		background-size:28rpx 28rpx;
+		background-size:32rpx 32rpx;
-		line-height: 48rpx;
-		text-indent:46rpx;
-		border: 1px solid #2dbe93;
-		color:#ffffff;
 	}
 	.oder-mian-qing{
 		width: 60px;
@@ -920,9 +911,9 @@
 		font-weight: 400;
 		font-size: 23rpx;
 		color: #029D88;
-		background: #fff;
+		/*background: #fff;
 		border-radius: 60rpx;
-		border: 1px solid #029D88;
+		border: 1px solid #029D88;*/
 	}
 	.video-item{
 		width: 100%;
@@ -992,13 +983,12 @@
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		background: linear-gradient(90deg, #ffe0d8, #ffe0d8, #eaeaea);
+		/*border: 1px #fcd7cf solid;
-		border-radius: 30rpx;
+		background: linear-gradient(90deg, #ffe0d8, #ffe0d8, #eaeaea);*/
+		border-radius: 10rpx;
 		height:50rpx;
 		line-height: 52rpx;
-		padding: 0 10rpx;
 		margin-left: 8rpx;
-		border: 1px #fcd7cf solid;
 	}
 	.shouchang-img{
 		width: 30rpx;
@@ -1007,7 +997,7 @@
 	}
 	.shouchang-text{
 		color: #ff6942;
-		font-size: 25rpx;
+		font-size: 28rpx;
 		padding: 0 12rpx 0  0 ;
 		font-weight: bold;
 	}
@@ -1344,25 +1334,24 @@
 		height: 662rpx;
 	}
 	.keyuyue{
-		padding: 0rpx;
+		padding: 0rpx 10rpx;
 		height: 44rpx;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
-		border: 1px #2dbe93 solid;
+		background: #eefdf8;
-		border-radius: 20rpx 30rpx 30rpx 20rpx;
+		border-radius:  30rpx 20rpx 20rpx 30rpx ;
 		color:#8d500f;
 		font-size: 22rpx;
-		margin-left: 6rpx;
 	}
 	.timea-img{
-		background:#2dbe93 url('../../static/timea.png') 4rpx 3rpx;
+		background:#2dbe93 url('../../static/timea.png') 2rpx 1rpx;
-		background-size: 35rpx 35rpx;
+		background-size: 28rpx 28rpx;
 		background-repeat: no-repeat;
-		width: 40rpx;
+		width: 30rpx;
-		height: 40rpx;
+		height: 30rpx;
-		border-radius: 8rpx  0 0 8rpx;
+		border-radius:8rpx;
-		margin-top: 1rpx;
+		margin-top: 8rpx;
 	}
 	.timea-fu{
 		font-size: 22rpx;

pages/therapist/therapist.vue

@@ -1317,7 +1317,7 @@ import permision from "@/components/permission.js";
 		top: -7rpx;
 		z-index: 999;
 		width: 100%;
-		background:#2dbe93 url('../../static/background-img4.png') bottom;
+		background:#fff 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;
 		background-repeat: no-repeat;
 		background-size: 100% 100%;