hookehuyr

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

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