update

uniapp_project_code/src/components/index/page_standby.vue

@@ -11,10 +11,8 @@
 		<!-- <main-click-btn > -->
 		<view class="content_btn" @click="clickToUse">
 			<image class="icon_saoma" src="/static/images/saoma.png" mode="scaleToFill" />
-        <view>
 			<text class="txt">请扫描商品条形码</text>
 		</view>
-      </view>
 		<!-- </main-click-btn> -->
 		<view class="content_logo">
 			<text class="txt">欧轩智能场馆提供技术支持</text>
@@ -23,16 +21,16 @@
 </template>
 
 <script setup>
-import mainClickBtn from '@/components/index/button_green_square.vue';
-import util from "@/utils/util.js"
+	import mainClickBtn from '@/components/index/button_green_square.vue';
+	import util from "@/utils/util.js"
 
-function clickToUse() {
+	function clickToUse() {
 		util.routeTo(`/pages/login/success`, 'nT');
-}
+	}
 </script>
 
 <style lang="scss" scoped>
-.content {
+	.content {
 		width: 750rpx;
 
 		// background-color: #fff;
@@ -46,7 +44,8 @@ function clickToUse() {
 			width: 750rpx;
 			margin-left: 47rpx;
 			margin-top: 50rpx;
-	.txt{
+
+			.txt {
 				font-weight: 800;
 				font-size: 25rpx;
 				color: #1A1A1A;
@@ -55,8 +54,9 @@ function clickToUse() {
 
 		.content_info {
 			margin-top: 49rpx;
+
 			// margin-top: 19rpx;
-	.txt{
+			.txt {
 				font-weight: 800;
 				font-size: 58.33rpx;
 				color: #1A1A1A;
@@ -81,19 +81,23 @@ function clickToUse() {
 
 			margin-top: 38rpx;
 			margin-bottom: 40rpx;
-	.txt{
+
+			.txt {
 				font-weight: 400;
 				font-size: 19.44rpx;
 				color: #999999;
 			}
 		}
-// background-image: linear-gradient(180deg, #00C9AC 0%, #009874 100%);
+
+		// background-image: linear-gradient(180deg, #00C9AC 0%, #009874 100%);
 		.content_btn {
 			width: 632.64rpx;
-    height: 100%;
+			// height: 100%;
+			height: 81.94rpx;
 			background-color: #009874;
 			@include ctf(center);
 			flex-direction: row;
+
 			// background: #000;
 			.icon_saoma {
 				width: 41.67rpx;
@@ -102,7 +106,7 @@ function clickToUse() {
 				// display: inline;
 			}
 
-	.txt{
+			.txt {
 				font-weight: 500;
 				font-size: 33.33rpx;
 				color: #FFFFFF;
@@ -110,5 +114,5 @@ function clickToUse() {
 
 		}
 
-}
+	}
 </style>

uniapp_project_code/src/components/index/view_footer.nvue

@@ -45,7 +45,7 @@
             </view>
         </view>
 
-        <view class="btn-style">
+        <view class="btn-style" @click="clickToPay">
 			<text class="txt">去付款</text>
 		</view>
         <!-- <button-square class="btn-style">
@@ -82,6 +82,9 @@ import util from "@/utils/util.js"
 	let handle_clickVIP = ()=>{
 		emits("clickVIP","")
 	}
+    let clickToPay = ()=>{
+        util.routeTo(`/pages/pay/index`, 'nT');
+    }
 
 	onMounted(async (res) => {
 		console.log(res + `    the keyboard_box component is now mounted.  ` + props.maskHeight)

uniapp_project_code/src/components/index/view_header.nvue

@@ -4,7 +4,7 @@
 			<image class="v-image" src="/static/index/camera_icon.png" mode="widthFix" />
 			<text class="v-text">您已进入视频覆盖区{{ props.backgroundCustom }}</text>
 		</view>
-		<view class="cancel-button" @click="handle_closeStandby">
+		<view class="cancel-button" @click="handle_closeUse">
 			<text class="v-text"> 取消交易</text>
 		</view>
 	</view>
@@ -12,8 +12,9 @@
 
 <script setup>
 //触发自定义事件
+import util from "@/utils/util.js"
 import { defineEmits, defineProps, computed } from 'vue'
-const emits = defineEmits(['closeStandby'])
+const emits = defineEmits(['closeUse'])
 const props = defineProps({
 	backgroundCustom: {
 		type: String,
@@ -33,8 +34,9 @@ const getBorderStyle = computed(() => {
 	}
 })
 
-const handle_closeStandby = () => {
-	emits("closeStandby", "false")
+const handle_closeUse = () => {
+	util.routeTo(`/pages/index/index`, 'rL');
+	// emits("closeUse", "false")
 }
 </script>
 

uniapp_project_code/src/components/pay/paying.vue

@@ -57,7 +57,7 @@
 		flex-direction: column;
 
 		.p-text {
-			margin-top: 161rpx;
+			margin-top: 80rpx;
 			font-weight: 600;
 			font-size: 22.22rpx;
 			color: #1A1A1A;
@@ -72,7 +72,7 @@
 		}
 		
 		.p-zhichi{
-			margin-top: 132.67rpx;
+			margin-top: 90rpx;
 			@include ctf(center);
 			flex-direction: row;
 			.p-line{
@@ -117,7 +117,7 @@
 		}
 
 		.p-btn {
-			margin-top: 107rpx;
+			margin-top: 80rpx;
 			@include ctf(center);
 			flex-direction: row;
 			width: 240.97rpx;
@@ -140,10 +140,10 @@
 		}
 
 		.p-user {
-			margin-top: 92rpx;
+			margin-top: 80rpx;
 			margin-left: 67rpx;
 			margin-bottom: 92rpx;
-			width: 750rpx;
+			align-self: flex-start;
 			.p-txt {
 				font-weight: 400;
 				font-size: 22.22rpx;

uniapp_project_code/src/components/pay/success.vue

@@ -39,6 +39,7 @@
 
 <script setup>
 //触发自定义事件
+import util from "@/utils/util.js"
 const emits = defineEmits(['clickToIndex'])
 const props = defineProps({
 	paySuccessInfo: {
@@ -49,6 +50,7 @@ const props = defineProps({
 
 const handle_clickToIndex = () => {
 	emits("clickToIndex", "")
+	util.routeTo(`/pages/index/index`, 'rL');
 }
 </script>
 

uniapp_project_code/src/pages/index/index.nvue

@@ -75,7 +75,7 @@
 		},
 		async onLoad(res) {
 			console.log("onload:",res)
-
+			this.showPageStandby = true
 		},
 		async onReady() {
 			this.screenHeight = await util.getPageHeight()

uniapp_project_code/src/pages/pay/index.vue

@@ -1,7 +1,8 @@
 <template>
 	<view class="pay-page">
 		<view v-if="!paySuccess">
-			<view-header class="mheader" :backgroundCustom="('none')" :needBorder="('false')" @closeStandby="handle_closeStandby"></view-header>
+			<view-header class="mheader" :backgroundCustom="('none')" :needBorder="('false')" 
+			@closeUse="handle_closeUse"></view-header>
 			<paying v-if="true" @clickVipCard="handle_clickVipCard"></paying>
 		</view>
 		<pay-success v-else></pay-success>
@@ -60,7 +61,8 @@
 
 			handle_clickVipCard() {
 				util.showNone("储值卡支付未接入")
-				this.handle_clickVIP()
+				this.paySuccess = true
+				// this.handle_clickVIP()
 				// util.routeTo(`/pages/pay/success`, 'nT');
 			},
 
@@ -85,6 +87,8 @@
 <style lang="scss" scoped>
 	.pay-page {
 		width: 750rpx;
-
+		.mheader{
+			width: 750rpx;
+		}
 	}
 </style>