Преглед на файлове

Signed-off-by: 1004749546@qq.com <1004749546@qq.com>
修改

1004749546@qq.com преди 4 години
родител
ревизия
14aa6d9a17
променени са 1 файла, в които са добавени 26 реда и са изтрити 4 реда
  1. 26 4
      pages/checkOut/checkOut.vue

+ 26 - 4
pages/checkOut/checkOut.vue

@@ -22,7 +22,7 @@
 		<view class="num-cont">
 			<text>支付数量</text>
 			<view class="num-input">
-				<u-input v-model="value" type="number" placeholder="请输入数量" />
+				<u-input v-model="number" type="number" placeholder="请输入数量" />
 				<text>个乐豆</text>
 			</view>
 		</view>
@@ -30,6 +30,23 @@
 		<view class="pay-btn">
 			<u-button  @click="handlePay" type="error" >确认支付</u-button>
 		</view>
+		 <!-- 确认支付弹窗 -->
+		<u-modal v-model="showPayModal" title="请输入支付密码">
+			<view class="slot-content">
+				<view>
+					<text>收取门店:</text>
+					<text>{{storeName}}</text>
+				</view>
+				<view>
+					<text>支付数量:</text>
+					<text>{{number}}</text>
+				</view>
+				<view>
+					<text>备注:</text>
+					<text>{{remarks}}</text>
+				</view>
+			</view>
+		</u-modal>
 	</view>
 </template>
 
@@ -37,8 +54,10 @@
 	export default{
 		data() {
 			return {
-				storeName: '和超级大黄蜂',
-				remarks: ''
+				storeName: '和超级大黄蜂', // 门店名称
+				remarks: '', // 备注
+				number: '',  // 支付数量
+				showPayModal: false // 支付弹窗
 			}
 		},
 		onLoad() {
@@ -47,7 +66,7 @@
 		methods: {
 			// 确认支付
 			handlePay() {
-				
+				this.showPayModal = true
 			}
 		},
 	}
@@ -78,4 +97,7 @@
 			padding: 0 30upx;
 		}
 	}
+	.slot-content{
+		
+	}
 </style>