no message

common/css/common.css

@@ -198,7 +198,9 @@
 .sys-size-52 {
 	font-size: 52rpx;
 }
-
+.sys-size-60 {
+	font-size: 60rpx;
+}
 .sys-size-62 {
 	font-size: 62rpx;
 }
@@ -294,7 +296,9 @@
 .sys-color-3489FF {
 	color: #3489FF;
 }
-
+.sys-color-4D72FA {
+	color: #4D72FA;
+}
 .sys-color-1B87EC {
 	color: #1B87EC;
 }
@@ -1070,10 +1074,12 @@
 	padding-bottom: 30rpx;
 }
 
+.pb-32 {
+	padding-bottom: 32rpx;
+}
 .pb-24 {
 	padding-bottom: 24rpx;
 }
-
 .p-32 {
 	padding: 32rpx;
 }

manifest.json

@@ -75,8 +75,8 @@
             "https" : false,
             "proxy" : {
                 "/api" : {
-                    "target" : "https://testwap.jhcs888.com",
-					// "target" : "https://wap.jhcs888.com",
+                    // "target" : "https://testwap.jhcs888.com",
+					"target" : "https://wap.jhcs888.com",
                     "changeOrigin" : true,
                     "secure" : true
                 }

pages/index/index.vue

@@ -1,51 +1,41 @@
 <template>
-	<view class="flex-direction plr-100-30 box-sizing-border">
-		<view class="align-items-center flex-justify-center pt-50 mb-20">
-			<view class="sys-color-547BFA sys-size-32">
-				￥
-			</view>
-			<view class="sys-color-547BFA sys-size-64 sys-weight-bold">
-				{{orderInfo.pay_money || '0.00'}}
-			</view>
+	<view class="flex-direction plr-40-24 box-sizing-border box-b">
+		<view @click="jumpOut" class="but-box sys-radius-200 text-align-center sys-color-4D72FA sys-size-28 sys-weight-600">
+			返回首页
 		</view>
 		<view class="align-items-center flex-justify-center cg-box">
-			<uni-icons v-if="orderInfo.status === 2 || orderInfo.status === 6" class="mr-10" type="checkbox-filled"
-				size="25" color="#547BFA"></uni-icons>
-			<uni-icons v-else class="mr-10" type="clear" size="25" color="#FF0000"></uni-icons>
-			<view class="" v-if="orderInfo.status === 2 || orderInfo.status === 6">
+			<uni-icons v-if="orderInfo.status === 2 || orderInfo.status === 6" class="mr-18" type="checkbox-filled"
+				size="24" color="#547BFA"></uni-icons>
+			<uni-icons v-else class="mr-18" type="clear" size="24" color="#FF0000"></uni-icons>
+			<view class="sys-size-28" v-if="orderInfo.status === 2 || orderInfo.status === 6">
 				支付成功
 			</view>
-			<view class="" v-else>
+			<view class="sys-size-28" v-else>
 				支付失败
 			</view>
 		</view>
-		<view class="align-items-center flex-justify-space mb-20">
-			<view class="sys-color-AD flex-shrink0 mr-20">
-				商户名称
+		<view class="align-items-center flex-justify-center pb-32 pay_money-box mb-24">
+			<view class="sys-color-3 sys-size-60 sys-weight-bold">
+				￥
 			</view>
-			<view class="sys-size-28">
-				{{orderInfo.shop_name || '无'}}
+			<view class="sys-color-3 sys-size-60 sys-weight-bold">
+				{{orderInfo.pay_money || '0.00'}}
 			</view>
 		</view>
-		<view class="align-items-center flex-justify-space mb-20">
-			<view class="sys-color-AD flex-shrink0 mr-20">
-				订单号
+		<view class="align-items-center flex-justify-space mb-24">
+			<view class="sys-color-9 flex-shrink0 sys-size-28 mr-20">
+				商户名称
 			</view>
-			<view class="sys-size-28">
-				{{orderInfo.rs_sn || '无'}}
+			<view class="sys-size-28 sys-color-3">
+				{{orderInfo.shop_name || '无'}}
 			</view>
 		</view>
-		<!-- 		<view class="align-items-center flex-justify-space mb-64">
-			<view class="sys-color-AD flex-shrink0 mr-20">
-				交易流水号
-			</view>
-			<view class="sys-size-28">
-				{{orderInfo.pay_sn}}
+		<view class="align-items-center flex-justify-space">
+			<view class="sys-color-9 flex-shrink0 sys-size-28 mr-20">
+				支付订单
 			</view>
-		</view> -->
-		<view class="flex-justify-center pb-24">
-			<view @click="jumpOut" class="but-box border-449470 sys-radius-200 text-align-center sys-color-195E3F">
-				返回首页
+			<view class="sys-size-28 sys-color-3">
+				{{orderInfo.rs_sn || '无'}}
 			</view>
 		</view>
 	</view>
@@ -114,8 +104,11 @@
 </script>
 
 <style lang="scss" scoped>
-	.plr-100-30 {
-		padding: 0 8%;
+	.box-b{
+		position: relative;
+	}
+	.plr-40-24 {
+		padding: 24rpx 40rpx 0;
 	}
 
 	.pt-50 {
@@ -123,13 +116,21 @@
 	}
 
 	.cg-box {
-		padding-bottom: 50rpx;
+		padding-bottom: 8rpx;
+		padding-top: 32rpx;
+	}
+
+	.pay_money-box {
 		border-bottom: 1rpx solid #F5F5F5;
-		margin-bottom: 50rpx;
 	}
 
 	.but-box {
-		width: 40%;
-		padding: 15rpx 0;
+		width: 148rpx;
+		height: 48rpx;
+		line-height: 48rpx;
+		border: 1rpx solid #4D72FA;
+		position: absolute;
+		right: 40rpx;
+		top: 40rpx;
 	}
 </style>