refactor(orderDetail): 优化订单取消逻辑和用户体验

- 将导航栏左侧按钮的点击事件从 back 改为 cancelOrder
- 修改页面卸载时的处理逻辑,使用 cancelOrder 替代 back
- 在取消订单后显示提示信息,并设置持续时间
-调整页面跳转的延迟时间,提高用户体验
main
Tuzki 8 months ago
parent 1f378676f9
commit 64feacac9c
  1. 9
      pages/orderDetail/orderDetail.vue

@ -1,6 +1,6 @@
<template>
<view class="m-content">
<uni-nav-bar dark :fixed="true" shadow background-color="#007AFF" status-bar left-icon="left" left-text="" title="确认支付" @clickLeft="back" />
<uni-nav-bar dark :fixed="true" shadow background-color="#007AFF" status-bar left-icon="left" left-text="" title="确认支付" @clickLeft="cancelOrder" />
<view class="m-order">
<view class="m-price">
@ -94,7 +94,7 @@ export default {
}
},
onUnload() {
this.back();
this.cancelOrder();
},
methods: {
cancelOrder() {
@ -112,13 +112,14 @@ export default {
uni.hideLoading();
uni.showToast({
icon: 'none',
title: '已取消'
title: '已取消',
duration:1200
});
setTimeout(() => {
uni.reLaunch({
url: '/pages/index'
});
}, 2100);
}, 1400);
})
.catch((err) => {
uni.hideLoading();

Loading…
Cancel
Save