Hooke / xysBooking

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
7560780e 1 parent 1e7df0ac

fix

Inline Side-by-side
Showing 2 changed files with 12 additions and 9 deletions
1 <!-- 1 <!--
2 * @Date: 2024-01-24 16:38:13 2 * @Date: 2024-01-24 16:38:13
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-01-24 17:00:48 4 + * @LastEditTime: 2024-01-24 17:17:11
5 * @FilePath: /xysBooking/src/components/reserveCard.vue 5 * @FilePath: /xysBooking/src/components/reserveCard.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -165,7 +165,7 @@ const delay_pay_show = computed(() => { ...@@ -165,7 +165,7 @@ const delay_pay_show = computed(() => {
165 let timeId = null; 165 let timeId = null;
166 166
167 onMounted(() => { 167 onMounted(() => {
168 - remain_time.value = 5; 168 + remain_time.value = props.data.rest_second;
169 // 进入页面后，开始倒计时 169 // 进入页面后，开始倒计时
170 timeId = setInterval(() => { 170 timeId = setInterval(() => {
171 remain_time.value ? (remain_time.value -= 1) : 0; 171 remain_time.value ? (remain_time.value -= 1) : 0;
......
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 17:07:45 4 + * @LastEditTime: 2024-01-24 17:28:25
5 * @FilePath: /xysBooking/src/views/submit.vue 5 * @FilePath: /xysBooking/src/views/submit.vue
6 * @Description: 预约人员信息 6 * @Description: 预约人员信息
7 --> 7 -->
...@@ -33,13 +33,15 @@ ...@@ -33,13 +33,15 @@
33 </div> 33 </div>
34 <div style="height: 5rem;"></div> 34 <div style="height: 5rem;"></div>
35 <div class="submit-wrapper"> 35 <div class="submit-wrapper">
36 - <div class="left"> 36 + <div style="display: flex; justify-content: space-between;">
37 - <div style="margin-left: 1rem; display: flex;align-items: center;"> 37 + <div class="left">
38 - 订单金额&nbsp;&nbsp;<div style="color: #FF1919;display: inline-block;">¥<div style="font-size: 1.5rem;display: inline-block;">&nbsp;{{ total }}</div></div> 38 + <div style="margin-left: 1rem; display: flex;align-items: center;">
39 + 订单金额&nbsp;&nbsp;<div style="color: #FF1919;display: inline-block;">¥<div style="font-size: 1.5rem;display: inline-block;">&nbsp;{{ total }}</div></div>
40 + </div>
39 </div> 41 </div>
40 - <div style="font-size: 0.75rem;margin-left: 1rem;color: #FF1919;">提交后请在10分钟内完成支付</div> 42 + <div @click="submitBtn" class="right">提交订单</div>
41 </div> 43 </div>
42 - <div @click="submitBtn" class="right">提交订单</div> 44 + <div style="font-size: 0.85rem;margin-left: 1rem;color: #FF1919; margin-bottom: 1rem;">提交后请在10分钟内完成支付</div>
43 </div> 45 </div>
44 </div> 46 </div>
45 </template> 47 </template>
...@@ -199,11 +201,11 @@ onMounted(async () => { ...@@ -199,11 +201,11 @@ onMounted(async () => {
199 background-color: #FFF; 201 background-color: #FFF;
200 // padding: 1rem; 202 // padding: 1rem;
201 justify-content: space-between; 203 justify-content: space-between;
204 + flex-direction: column;
202 .left { 205 .left {
203 display: flex; 206 display: flex;
204 justify-content: center; 207 justify-content: center;
205 align-items: left; 208 align-items: left;
206 - flex-direction: column;
207 flex-wrap: nowrap; 209 flex-wrap: nowrap;
208 } 210 }
209 .right { 211 .right {
...@@ -213,6 +215,7 @@ onMounted(async () => { ...@@ -213,6 +215,7 @@ onMounted(async () => {
213 padding: 0.8rem 3rem; 215 padding: 0.8rem 3rem;
214 border-radius: 5px; 216 border-radius: 5px;
215 font-size: 1.1rem; 217 font-size: 1.1rem;
218 + margin-bottom: 0;
216 } 219 }
217 } 220 }
218 } 221 }
......