调整开门状态样式
Uni-app H5 Deploy (Prod + Staging) / deploy (release) Successful in 48s

This commit is contained in:
kk
2026-07-11 16:56:15 +08:00
parent a08afd0cfd
commit 2978ac25f7
+22 -3
View File
@@ -39,9 +39,11 @@
<text class="step-text">完成订单</text>
</view>
</view>
<view class="door-btn-area">
<view class="door-btn-close" @click="handleClose">返回首页</view>
</view>
</view>
</view>
<!-- 已关门 -->
<view v-if="step === 'closed'" class="door-state-bg">
@@ -74,9 +76,11 @@
<text class="step-text">完成订单</text>
</view>
</view>
<view class="door-btn-area">
<view class="door-btn-close" @click="handleClose">返回首页</view>
</view>
</view>
</view>
<!-- 订单完成 -->
<view v-if="step === 'complete'" class="door-state-bg">
@@ -109,11 +113,13 @@
<text class="door-order-loading">加载订单信息...</text>
</view>
<view class="door-btn-detail" @click="goOrderDetail" v-if="orderInfo">查看订单详情</view>
<view class="door-btn-area">
<view class="door-btn-detail" @click="goOrderDetail">查看订单详情</view>
<view class="door-btn-close" @click="handleClose">返回首页</view>
</view>
</view>
</view>
</view>
</template>
<script>
@@ -235,8 +241,14 @@ export default {
// 跳转订单详情
goOrderDetail() {
if (this.orderInfo) {
const orderId = this.orderInfo.order_id || this.orderInfo.order_no;
uni.navigateTo({ url: `/pages/order/detail?order_id=${orderId}` });
} else if (this.flowId) {
uni.navigateTo({ url: `/pages/order/detail?flow_id=${this.flowId}` });
} else {
uni.showToast({ title: '无法获取订单信息', icon: 'none' });
}
},
// 关闭遮罩
@@ -541,9 +553,17 @@ export default {
padding: 16rpx 0;
}
/* ====== 按钮区域 ====== */
.door-btn-area {
margin-top: 64rpx;
display: flex;
flex-direction: column;
align-items: center;
gap: 24rpx;
}
/* ====== 查看订单详情按钮 ====== */
.door-btn-detail {
margin-top: 32rpx;
font-size: 30rpx;
color: #fff;
padding: 24rpx 80rpx;
@@ -555,7 +575,6 @@ export default {
/* ====== 关闭按钮 ====== */
.door-btn-close {
margin-top: 24rpx;
font-size: 30rpx;
color: rgba(255, 255, 255, 0.85);
padding: 24rpx 100rpx;