Hooke / xysBooking

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
1e7df0ac 1 parent a4e85dd3

提交订单时，提示用户支付倒计时

Inline Side-by-side
Showing 3 changed files with 11 additions and 4 deletions
...@@ -8,15 +8,19 @@ export {} ...@@ -8,15 +8,19 @@ export {}
8 declare module '@vue/runtime-core' { 8 declare module '@vue/runtime-core' {
9 export interface GlobalComponents { 9 export interface GlobalComponents {
10 QrCode: typeof import('./src/components/qrCode.vue')['default'] 10 QrCode: typeof import('./src/components/qrCode.vue')['default']
11 + ReserveCard: typeof import('./src/components/reserveCard.vue')['default']
11 RouterLink: typeof import('vue-router')['RouterLink'] 12 RouterLink: typeof import('vue-router')['RouterLink']
12 RouterView: typeof import('vue-router')['RouterView'] 13 RouterView: typeof import('vue-router')['RouterView']
14 + VanButton: typeof import('vant/es')['Button']
13 VanCheckbox: typeof import('vant/es')['Checkbox'] 15 VanCheckbox: typeof import('vant/es')['Checkbox']
14 VanCheckboxGroup: typeof import('vant/es')['CheckboxGroup'] 16 VanCheckboxGroup: typeof import('vant/es')['CheckboxGroup']
17 + VanCol: typeof import('vant/es')['Col']
15 VanDatePicker: typeof import('vant/es')['DatePicker'] 18 VanDatePicker: typeof import('vant/es')['DatePicker']
16 VanIcon: typeof import('vant/es')['Icon'] 19 VanIcon: typeof import('vant/es')['Icon']
17 VanList: typeof import('vant/es')['List'] 20 VanList: typeof import('vant/es')['List']
18 VanPicker: typeof import('vant/es')['Picker'] 21 VanPicker: typeof import('vant/es')['Picker']
19 VanPopup: typeof import('vant/es')['Popup'] 22 VanPopup: typeof import('vant/es')['Popup']
23 + VanRow: typeof import('vant/es')['Row']
20 VanSwipe: typeof import('vant/es')['Swipe'] 24 VanSwipe: typeof import('vant/es')['Swipe']
21 VanSwipeItem: typeof import('vant/es')['SwipeItem'] 25 VanSwipeItem: typeof import('vant/es')['SwipeItem']
22 VanToast: typeof import('vant/es')['Toast'] 26 VanToast: typeof import('vant/es')['Toast']
......
1 <!-- 1 <!--
2 * @Date: 2024-01-15 16:25:51 2 * @Date: 2024-01-15 16:25:51
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-01-24 11:32:08 4 + * @LastEditTime: 2024-01-24 17:07:45
5 * @FilePath: /xysBooking/src/views/submit.vue 5 * @FilePath: /xysBooking/src/views/submit.vue
6 * @Description: 预约人员信息 6 * @Description: 预约人员信息
7 --> 7 -->
...@@ -37,6 +37,7 @@ ...@@ -37,6 +37,7 @@
37 <div style="margin-left: 1rem; display: flex;align-items: center;"> 37 <div style="margin-left: 1rem; display: flex;align-items: center;">
38 订单金额&nbsp;&nbsp;<div style="color: #FF1919;display: inline-block;">¥<div style="font-size: 1.5rem;display: inline-block;">&nbsp;{{ total }}</div></div> 38 订单金额&nbsp;&nbsp;<div style="color: #FF1919;display: inline-block;">¥<div style="font-size: 1.5rem;display: inline-block;">&nbsp;{{ total }}</div></div>
39 </div> 39 </div>
40 + <div style="font-size: 0.75rem;margin-left: 1rem;color: #FF1919;">提交后请在10分钟内完成支付</div>
40 </div> 41 </div>
41 <div @click="submitBtn" class="right">提交订单</div> 42 <div @click="submitBtn" class="right">提交订单</div>
42 </div> 43 </div>
...@@ -201,7 +202,9 @@ onMounted(async () => { ...@@ -201,7 +202,9 @@ onMounted(async () => {
201 .left { 202 .left {
202 display: flex; 203 display: flex;
203 justify-content: center; 204 justify-content: center;
204 - align-items: center; 205 + align-items: left;
206 + flex-direction: column;
207 + flex-wrap: nowrap;
205 } 208 }
206 .right { 209 .right {
207 background-color: #A67939; 210 background-color: #A67939;
......
1 <!-- 1 <!--
2 * @Date: 2024-01-19 21:57:50 2 * @Date: 2024-01-19 21:57:50
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-01-24 14:26:31 4 + * @LastEditTime: 2024-01-24 17:02:10
5 * @FilePath: /xysBooking/src/views/waiting.vue 5 * @FilePath: /xysBooking/src/views/waiting.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 <div> 11 <div>
12 <van-icon name="clock-o" size="2.5rem" color="#A67939" /> 12 <van-icon name="clock-o" size="2.5rem" color="#A67939" />
13 </div> 13 </div>
14 - <div style="margin: 1rem 0;">支付中...</div> 14 + <div style="margin: 1rem 0;">支付中</div>
15 <div>{{ current.seconds }} s</div> 15 <div>{{ current.seconds }} s</div>
16 <div style="margin: 1.5rem 0; font-size: 0.85rem; color: #A67939; text-align: center; line-height: 2;"> 16 <div style="margin: 1.5rem 0; font-size: 0.85rem; color: #A67939; text-align: center; line-height: 2;">
17 温馨提示：{{ pay_msg }}<br /> 17 温馨提示：{{ pay_msg }}<br />
......