制作本地生活支付页面

bundle_b/pages/local_shop/local_pay.vue

@@ -0,0 +1,82 @@
+<template>
+	<view>
+		<view class="confirm-order">
+			<view class="confirm-con">
+				<view class="info bg-white bold">
+					<view>商家名称</view>
+					<view class="flex">
+						<view class="mr-2">￥</view>
+						<input type="text" placeholder="请输入支付金额"
+							placeholder-style="font-size:28rpx;color: #6c757d;font-weight:normal;">
+					</view>
+				</view>
+			</view>
+
+			<view class="footer bg-white flex row-between fixed">
+				<view class="all-price lg flex">
+					<text>合计：</text>
+					<view class="primary">
+						<price-format weight="500" :first-size="36" :second-size="36" :price="orderInfo.total_amount">
+						</price-format>
+					</view>
+				</view>
+				<button class="btn br60 white" size="md" hover-class="none" @tap="onSubmitOrder">
+					提交订单
+				</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			};
+		},
+
+		onLoad(options) {
+		},
+
+		onUnload() {
+		},
+
+		methods: {
+			
+		},
+		watch: {
+		}
+	}
+</script>
+<style lang="scss" scoped>
+	.confirm-order {
+		.confirm-con {
+			overflow: hidden;
+			padding-bottom: calc(120rpx + env(safe-area-inset-bottom));
+
+			.info {
+				padding: 0 24rpx;
+				border-radius: 14rpx;
+				margin: 20rpx 20rpx 0;
+			}
+		}
+
+		.footer {
+			position: fixed;
+			bottom: 0;
+			left: 0;
+			right: 0;
+			z-index: 99;
+			height: 100rpx;
+			padding: 0 30rpx;
+			box-sizing: content-box;
+			padding-bottom: env(safe-area-inset-bottom);
+
+			.btn {
+				background: linear-gradient(90deg, rgba(249, 95, 47, 1) 0%, rgba(255, 44, 60, 1) 100%);
+				padding: 0 50rpx;
+			}
+		}
+	}
+</style>

pages.json

@@ -1053,7 +1053,7 @@
 						"navigationBarTitleText": "商品添加"
 					},
 					"meta": {
-						"auth": false
+						"auth": true
 					}
 				},
 				{
@@ -1062,7 +1062,7 @@
 						"navigationBarTitleText": "商品管理"
 					},
 					"meta": {
-						"auth": false
+						"auth": true
 					}
 				},
 				{
@@ -1071,7 +1071,7 @@
 						"navigationBarTitleText": "订单管理"
 					},
 					"meta": {
-						"auth": false
+						"auth": true
 					}
 				},
 				{
@@ -1080,7 +1080,16 @@
 						"navigationBarTitleText": "订单详情"
 					},
 					"meta": {
-						"auth": false
+						"auth": true
+					}
+				},
+				{
+					"path": "pages/local_shop/local_pay",
+					"style": {
+						"navigationBarTitleText": "商品支付"
+					},
+					"meta": {
+						"auth": true
 					}
 				},
 				{
@@ -1094,7 +1103,6 @@
 				},
 				{
 					"path": "pages/local_search/index",
-					
 					"style": {
 						"navigationBarTitleText": "搜索"
 					},