feat:会员余额用颜色提示

pages/index/index.rpx.css

@@ -347,7 +347,7 @@
 	height: 40rpx;
 	font-size: 24rpx;
 	font-weight: 400;
-	color: #ED569F;
+	color: #ed569f;
 	line-height: 40rpx;
 }
 
@@ -548,3 +548,14 @@
 	background: #999999;
 	pointer-events: none;
 }
+.hintViewBgColor1{
+	background: #ed569f;
+}
+
+.hintViewBgColor2{
+	background: #FFE05C;
+}
+
+.hintViewBgColor3{
+	background: #11f10a;
+}

pages/index/index.vue

@@ -64,14 +64,15 @@
 					<image class="serviceProfile" :src="currService.avatar || '/static/ud4.png'" @click="avatarOpen"></image>
 					<view class="flex-col justify-end serviceInfo-rigth ">
 						<view class="flex-row justify-between ">
-							<view>
-								<view class="flex-col justify-center ">
+							<view class="">
+								<view class="flex-row">
 									<text class="servicename">{{currService.serviceObjectName}}</text>
-								</view>
-								<view class="">
 									<text v-if="currService.isVip" class="biaoqian">会员客户</text>
 									<text v-else class="biaoqian">现金客户</text>
 								</view>
+								<view class="">
+									<text class="servicename">{{currService.no}}</text>
+								</view>
 							</view>
 
 							<view class="flex-col justify-center ">
@@ -85,7 +86,7 @@
 				</view>
 				<view  :style="{'height':'120rpx'}"></view>
 				<view class="flex-row justify-center" v-if="!currService.balanceFlag">
-					<view class="flex-row hintView">
+					<view class="flex-row justify-center hintView">
 						<view class="hint">
 							<text>!</text>
 						</view>
@@ -94,6 +95,20 @@
 						</view>
 					</view>
 				</view>
+
+				<view class="flex-row justify-center" v-if="currService.balanceFlag && currService.balance *1 <= 200">
+					<view class="flex-row justify-center hintView"
+						  :class="{hintViewBgColor2: currService.balance *1 > 38 && currService.balance *1 <= 100,
+						  		   hintViewBgColor3: currService.balance *1 > 100 && currService.balance *1 <= 200}">
+						<view class="hint">
+							<text>!</text>
+						</view>
+						<view class="hintCentent">
+							<text>娇宝余额充足~</text>
+						</view>
+					</view>
+				</view>
+
 				<view class="flex-col orderMsg">