修改

pages/index/game/myOrder.vue

@@ -7,12 +7,12 @@
 
 			<view class="padding-lr">
 				<view class="margin-right-xs text-df"
-					style="width: 400rpx; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
+					style="width: 400rpx; overflow: hidden;font-size:30rpx;font-weight: bold; nowrap;text-overflow: ellipsis;">
 					{{order.title}}
 				</view>
-				<view class="text-xs margin-top-sm" style="color: #26C278;">
+				<view class="text-xs margin-top-sm" style="color: #333; font-size: 26rpx;">
 					<!-- ￥<text class="text-df">{{isVip? order.memberMoney :order.money}}/</text>60分钟 -->
-					￥<text class="text-df">{{order.price}}/</text>{{order.duration}}分钟
+					￥<text class="order-text">{{order.price}}/</text>{{order.duration}}分钟
 				</view>
 			
 				<!-- <view class="margin-top-xs ">
@@ -25,16 +25,16 @@
 					</view>
 				</view>
 				
-				<view class="flex align-center padding-tb-sm " style="border-top: 2rpx solid #F5F5F2;">
+				<view class="qualification">
-					<view class="flex align-center" style="margin-right: 39upx;">
+					<view class="qual-center">
 						<image src="../../../static/images/index/renz1.png" style="width: 32upx;height: 28upx;"></image>
 						<text class="margin-left-xs">实名认证</text>
 					</view>
-					<view class="flex align-center" style="margin-right: 39upx;">
+					<view class="qual-center">
 						<image src="../../../static/images/index/renz2.png" style="width:28upx;height: 33upx;"></image>
 						<text class="margin-left-xs">资质认证</text>
 					</view>
-					<view class="flex align-center">
+					<view class="qual-center">
 						<image src="../../../static/images/index/renz3.png" style="width: 28upx;height: 32upx;"></image>
 						<text class="margin-left-xs">平台担保</text>
 					</view>
@@ -257,10 +257,32 @@
 </script>
 
 <style>
+	
 	page {
 		background-color: #F7F7F7;
 	}
-
+	.qualification{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+	.qual-center{
+		display: flex;
+	    flex-direction: row;
+	    align-items: center;
+	    justify-content: center;
+	    width: 210rpx;
+	    height: 22px;
+	    line-height: 22px;
+	    background-color: rgba(8, 162, 138, 0.1);
+	    border-radius: 8px;
+	    font-weight: 400;
+	    font-size: 11px;
+	    color: #029D88;
+		margin: 15rpx 0;
+		}
 	.bgs {
 		background-color: #FFFFFF;
 	}
@@ -286,4 +308,8 @@
 		border-radius: 50%;
 		margin-right: 10rpx;
 	}
+	.order-text{
+		font-size: 36rpx;
+		color: #fb672b;
+	}
 </style>