头像

pages/index/index.vue

@@ -1,9 +1,14 @@
 <template>
 	<!-- 技师实际收益公式：实付金额=（项目金额*会员比例-优惠卷）*分成比例*余额支付比例+车费 -->
-	<view style="padding-bottom: 30px;">
+	<view style="padding-bottom: 17px;">
 		<view class="jishi-index">
 			<view class=" u-flex padding-lr" style="padding-top: 35px;">
-				<view class="u-m-r-10">
+				<view class="u-m-r-10 back-img" 
+				:style="{'background-image':
+							technicianType=='3'?'url(../../static/grade1.png)':
+							technicianType=='4'?'url(../../static/grade2.png)':
+							technicianType=='5'?'url(../../static/grade3.png)':''
+						}">
 					<image :src="avatar" class="head-port"
 						@click="goNav('/pages/my/userinfo')"></image>
 				</view>
@@ -522,6 +527,7 @@ export default {
 	},
 	data() {
 		return {
+			technicianType:'',
 			jiazhongIimg:[
 				{url:'../../static/index/order_8.png',id:0},
 				{url:'../../static/index/order_7.png',id:1},
@@ -1205,6 +1211,7 @@ export default {
 			this.$Request.getT("/app/artificer/selectArtificer").then(res => {
 				if (res.code == 0) {
 					// uni.setStorageSync("status", res.data.status)
+					this.technicianType=res.data.technicianType
 					if (res.data) {
 						if (res.data.status == 1) {
 							this.isTrue = true
@@ -1489,6 +1496,16 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+	.back-img{
+		background-repeat: no-repeat;
+		background-size: 100%;
+		width: 75px;
+		height: 75px;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
 	.qiandao{
 		width: 61px;
@@ -1955,12 +1972,10 @@ uni-switch::before {
 	width: 75%;
 }
 .head-port{
-	width: 110rpx;
+	width: 46px;
-	height: 110rpx;
+	height: 46px;
 	border-radius: 50%;
-	border: 1px #d6f2ee solid;
+	margin-bottom: 5px;
 }
 
-// ::v-deep .uni-scroll-view-content {
+</style>
-// 	margin: 20px;
-// }</style>

pages/my/index.vue

@@ -1,9 +1,14 @@
 <template>
-	<view class="" style="padding-bottom: 30px;">
+	<view class="" style="padding-bottom: 17px;">
 		<view class="headtop">
 			<view class="headbox">
 				<view class=" u-flex padding-lr" style="padding-top: 35px;">
-					<view class="u-m-r-10">
+					<view class="u-m-r-10 back-img"
+						:style="{'background-image':
+								technicianType=='3'?'url(../../static/grade1.png)':
+								technicianType=='4'?'url(../../static/grade2.png)':
+								technicianType=='5'?'url(../../static/grade3.png)':''
+						}">
 						<image :src="avatar" class="head-port"
 							@click="goNav('/pages/my/userinfo')"></image>
 					</view>
@@ -340,7 +345,8 @@
 				bzjCheck: '否',
 				XCXIsSelect: '否',
 				shopSel: '否',
-				isCashDeposit: ''
+				isCashDeposit: '',
+				technicianType:''
 			}
 		},
 		onLoad() {
@@ -692,6 +698,7 @@
 			getArtificer() {
 				this.$Request.getT("/app/artificer/selectArtificer").then(res => {
 					if (res.code == 0) {
+						this.technicianType=res.data.technicianType
 						this.creditScore = res?.data?.creditScore ? res?.data?.creditScore : 0;
 						this.ordersScore = res?.data?.ordersScore ? res?.data?.ordersScore : 0;
 						// uni.setStorageSync("status", res.data.status)
@@ -777,6 +784,16 @@
 </script>
 
 <style lang="scss" scoped>
+	.back-img{
+		background-repeat: no-repeat;
+		background-size: 100%;
+		width: 75px;
+		height: 75px;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
 	.wode-title{
 		font-size: 36rpx;
 		font-weight: bold;
@@ -931,9 +948,9 @@
 		margin-left: 10rpx;
 	}
 	.head-port{
-		width: 110rpx;
+		width: 46px;
-		height: 110rpx;
+		height: 46px;
 		border-radius: 50%;
-		border: 1px #d6f2ee solid;
+		margin-bottom: 5px;
 	}
 </style>

pages/order/index.vue

@@ -6,8 +6,13 @@
 
 		<!-- sticky吸顶悬浮的菜单, 父元素必须是 mescroll -->
 		<view class="jishi-index">
-			<view class="ding-view" style="padding-top: 35px;" >
+			<view class="ding-view" style="padding-top: 30px;" >
-				<view class="u-m-r-10">
+				<view class="u-m-r-10 back-img"
+					:style="{'background-image':
+								technicianType=='3'?'url(../../static/grade1.png)':
+								technicianType=='4'?'url(../../static/grade2.png)':
+								technicianType=='5'?'url(../../static/grade3.png)':''
+						}">
 					<image :src="avatar" class="head-port"
 						@click="goNav('/pages/my/userinfo')"></image>
 				</view>
@@ -219,6 +224,7 @@
 		},
 		data() {
 			return {
+				technicianType:'',
 				judanBtnShow:'否',
 				btnShow:'',
 				refusalContent:'',
@@ -611,6 +617,7 @@
 			getArtificer() {
 				this.$Request.getT("/app/artificer/selectArtificer").then(res => {
 					if (res.code == 0) {
+						this.technicianType=res.data.technicianType
 						if (res.data) {
 							if (res.data.status == 1) {
 								this.isTrue = true
@@ -873,6 +880,16 @@
 </script>
 
 <style lang="scss">
+	.back-img{
+		background-repeat: no-repeat;
+		background-size: 100%;
+		width: 75px;
+		height: 75px;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
 	/deep/.u-size-default{
 		margin-top: 5px !important;
 	}
@@ -1141,10 +1158,10 @@
 		}
 	}
 	.head-port{
-		width: 110rpx;
+		width: 46px;
-		height: 110rpx;
+		height: 46px;
 		border-radius: 50%;
-		border: 1px #d6f2ee solid;
+		margin-bottom: 5px;
 	}
 	/deep/.radius {
 		border-radius: 20rpx;