diff --git a/pages/index/index.vue b/pages/index/index.vue
index cb9cd1e..2668d2e 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -3,7 +3,7 @@
 	<view style="padding-bottom: 17px;">
 		<view class="jishi-index">
 			<view class="u-flex justify-between avatar-section">
-				<view class="back-img" 
+				<!--<view class="back-img" 
 				:style="{'background-image':
 							technicianType=='3'?'url(../../static/grade1.gif)':
 							technicianType=='4'?'url(../../static/grade2.png)':
@@ -11,6 +11,10 @@
 						}">
 					<image :src="avatar" class="head-port"
 						@click="goNav('/pages/my/userinfo')"></image>
+				</view>-->
+				<view class="back-img">
+					<image :src="avatar" class="head-port" @click="goNav('/pages/my/userinfo')"></image>
+					<image class="popop-kuang" :src="technicianType=='3'?'../../static/grade1.gif':technicianType=='4'?'../../static/grade2.gif':'../../static/grade3.gif'"></image>
 				</view>
 				<view style="position: relative;" class="u-flex-1 margin-left-sm" v-if="isLogin && userName">
 					<view class="flex align-center justify-between">
@@ -1565,14 +1569,19 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+	.popop-kuang{
+		width: 150rpx;
+		height: 150rpx;
+		position: absolute;
+	}
 	.back-img{
-		background-repeat: no-repeat;
-		background-size: 100%;
+		padding: 15rpx;
 		border-radius: 50%;
 		display: flex;
 		align-items: center;
 		justify-content: center;
-	}
+		position: relative;
+		}
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
 	.qiandao{
 		width: 61px;
@@ -2065,13 +2074,13 @@ uni-switch::before {
 	font-size: 32rpx;
 	color: #333333;
 }
-
-.padding-sm{
-  padding: 11px 11px 0px 11px;
-}
-.avatar-section{
-	padding:50rpx 0  30rpx 0;
-}
+	.padding-sm{
+	  padding: 11px 11px 0px 11px;
+	}
+	.avatar-section{
+	padding:30rpx 0  50rpx 0;
+	position: relative;
+	}
 .avatar-section-text{
 	font-size: 32rpx;
 	color: #019c88;
diff --git a/pages/my/index.vue b/pages/my/index.vue
index 13a185b..2ff8a18 100644
--- a/pages/my/index.vue
+++ b/pages/my/index.vue
@@ -3,7 +3,7 @@
 		<view class="headtop">
 			<view class="headbox">
 				<view class=" u-flex justify-between avatar-section">
-					<view class="back-img"
+					<!--<view class="back-img"
 						:style="{'background-image':
 								technicianType=='3'?'url(../../static/grade1.png)':
 								technicianType=='4'?'url(../../static/grade2.png)':
@@ -11,6 +11,10 @@
 						}">
 						<image :src="avatar" class="head-port"
 							@click="goNav('/pages/my/userinfo')"></image>
+					</view>-->
+					<view class="back-img">
+						<image :src="avatar" class="head-port" @click="goNav('/pages/my/userinfo')"></image>
+						<image class="popop-kuang" :src="technicianType=='3'?'../../static/grade1.gif':technicianType=='4'?'../../static/grade2.gif':'../../static/grade3.gif'"></image>
 					</view>
 					<view class="u-flex-1" v-if="isLogin && userName">
 						<view class="u-font-18">
@@ -862,12 +866,17 @@
 	padding: 8rpx 20rpx;
 	}
 	.back-img{
-		background-repeat: no-repeat;
-		background-size: 100%;
-		border-radius: 50%;
-		display: flex;
-		align-items: center;
-		justify-content: center;
+	padding: 15rpx;
+	border-radius: 50%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	position: relative;
+	}
+	.popop-kuang{
+		width: 150rpx;
+		height: 150rpx;
+		position: absolute;
 	}
 	.wode-title{
 		font-size: 36rpx;
@@ -1033,7 +1042,8 @@
 		border-radius: 50%;
 	}
 	.avatar-section{
-		padding:50rpx 0  30rpx 0;
+		padding:30rpx 0  50rpx 0;
+		position: relative;
 	}
 	.avatar-section-text{
 		font-size: 32rpx;