浏览代码

fix(order): 修复订单页面按钮布局问题

在订单页面中,取消订单和确认收货按钮缺少容器包装,
导致布局样式异常,通过添加view容器解决此问题。

- 在取消订单按钮外层添加view容器
- 在确认收货按钮外层添加view容器
- 修复pages.json文件格式问题
zhangtao 6 天之前
父节点
当前提交
b75fb3b3cb
共有 2 个文件被更改,包括 15 次插入9 次删除
  1. 10 6
      src/subPack-smqjh/order/index.vue
  2. 5 3
      src/subPack-xsb/order/index.vue

+ 10 - 6
src/subPack-smqjh/order/index.vue

@@ -175,9 +175,11 @@ async function handleSubmitOrder(order: Api.xsbOrderList) {
         </view>
         <view class="my24rpx flex items-center justify-end">
           <template v-if="item.hbOrderStatus === subPackOrder?.OrderStatus.PaddingPay">
-            <wd-button size="small" plain type="info" @click.stop="handleCancel(item)">
-              取消订单
-            </wd-button>
+            <view>
+              <wd-button size="small" plain type="info" @click.stop="handleCancel(item)">
+                取消订单
+              </wd-button>
+            </view>
             <view class="ml20rpx">
               <wd-button size="small" plain type="error" @click.stop="handlePay(item.orderNumber as string)">
                 付款
@@ -185,9 +187,11 @@ async function handleSubmitOrder(order: Api.xsbOrderList) {
             </view>
           </template>
           <template v-if="item.hbOrderStatus === subPackOrder?.OrderStatus.OrderArrived">
-            <wd-button size="small" plain type="info" @click.stop="handleSubmitOrder(item)">
-              确认收货
-            </wd-button>
+            <view>
+              <wd-button size="small" plain type="info" @click.stop="handleSubmitOrder(item)">
+                确认收货
+              </wd-button>
+            </view>
           </template>
         </view>
       </view>

+ 5 - 3
src/subPack-xsb/order/index.vue

@@ -163,9 +163,11 @@ async function handleSubmitOrder(order: Api.xsbOrderList) {
         </view>
         <view class="mt24rpx flex items-center justify-end">
           <template v-if="item.hbOrderStatus === OrderStatus.PaddingPay">
-            <wd-button size="small" plain type="info" @click.stop="handleCancel(item)">
-              取消订单
-            </wd-button>
+            <view>
+              <wd-button size="small" plain type="info" @click.stop="handleCancel(item)">
+                取消订单
+              </wd-button>
+            </view>
             <view class="ml20rpx">
               <wd-button size="small" plain type="error" @click.stop="handlePay(item.orderNumber as string)">
                 付款