修改

pages/index/technicianLevel.vue

@@ -41,15 +41,13 @@
 						<view v-else>
 							备注: 本期等级是根据技师上个周期的业绩最终计算得出
 						</view> -->
-						<view v-if="grade">
+						<view v-if="grade" class="dengji-text">
 							本周期到达等级：【{{grade}}】
 						</view>
-						<u-line-progress active-color="#46a396" :show-percent="false" :height="38" inactive-color="#098f7a"
+						<u-line-progress active-color="#9dd47a" :show-percent="false" :height="15" inactive-color="#098f7a"
 							:percent="lineProgressData" :striped-active="true"></u-line-progress>
-						
 						<view v-if="!maxStatus && longUpgradeDescriptionSet.differenceOutstandingAchievement" class="dengji-text">
-							还差{{ longUpgradeDescriptionSet.differenceDurationOnline }}小时，{{ longUpgradeDescriptionSet.differenceOutstandingAchievement }}业绩，{{ longUpgradeDescriptionSet.differenceIntegral }}积分;可以升级{{ longUpgradeDescriptionSet.differenceGrade }}
-							
+							还差<span class="memo">{{ longUpgradeDescriptionSet.differenceDurationOnline }}</span>小时，<span class="memo">{{ longUpgradeDescriptionSet.differenceOutstandingAchievement }}</span>业绩，<span class="memo">{{ longUpgradeDescriptionSet.differenceIntegral }}</span>积分;可以升级<span class="memo">{{ longUpgradeDescriptionSet.differenceGrade }}</span>
 						</view>
 						<view v-if="maxStatus" class=" dengji-text">
 							您已达到最高等级
@@ -286,12 +284,13 @@
 		position: relative;
 	}
 	.mian-view{
-		width: 90%;
+		width:100%;
 		display: flex;
 		flex-direction: column;
 		position: absolute;
 		top: 0;
-		margin-top: 160px;
+		margin-top: 140px;
+		background: #fff;
 	}
 	.djimg-text{
 		font-size: 23rpx;
@@ -325,6 +324,7 @@
 		margin-right: 6px;
 	}
 	.header-right-text{
+		width: 100%;
 		margin-top: 25px;
 		font-size: 26rpx;
 		color: #FFFFFF;
@@ -404,15 +404,14 @@
 	}
 	.content{
 		width: 100%;
-		height: 100vh;
-		background-image: url('../../static/index/swim.jpg');
+		/* height: 100vh; 
+		background:#f7f7f7;*/
 		background-repeat: no-repeat;
 		background-size: 100%;
 		display: flex;
 		flex-direction: column;
 		align-items: center;
-		padding-bottom: 30px;
-	}
+		}
 	.be-remarks{
 		border: 1px dashed #FE912E;
 		padding: 10rpx 20rpx;
@@ -431,7 +430,12 @@
 		width: 100%;
 	}
 	.memo{
+		font-size: 24rpx;
+		color: #ffe35d;
+		padding: 0 6rpx;
+	}
+	.dengji-text{
 		font-size: 22rpx;
-		color: #c1e7e1;
+		
 	}
 </style>