更新样式

ghsApp/src/admin/home/components/OrderItem.vue

@@ -96,56 +96,56 @@
       <view class="list-bottom">
         <view class="list-button">
           <!-- #ifdef MP-WEIXIN -->
-          <view>
+          <view class="list-button-item">
             <button
               open-type="share"
               :data-order-id="item.id"
               :data-share-type="shareBtnType"
               @click.stop="shareOrder(item)"
-              class="share-icon-btn"
+              class="action-icon-btn share-icon-btn"
             >
-              <image class="share-icon-btn__icon" :src="iconSrc('share_button')" mode="aspectFit" />
+              <image class="action-icon-btn__icon" :src="iconSrc('share_button')" mode="aspectFit" />
             </button>
           </view>
           <!-- #endif -->
           <!-- #ifdef APP-PLUS -->
-          <view class="share-icon-btn" @click.stop="shareOrder(item)">
-            <image class="share-icon-btn__icon" :src="iconSrc('share_button')" mode="aspectFit" />
+          <view class="list-button-item action-icon-btn" @click.stop="shareOrder(item)">
+            <image class="action-icon-btn__icon" :src="iconSrc('share_button')" mode="aspectFit" />
           </view>
           <!-- #endif -->
           <!-- #ifndef MP-WEIXIN -->
           <!-- #ifndef APP-PLUS -->
-          <view class="share-icon-btn" @click.stop="shareOrder(item)">
-            <image class="share-icon-btn__icon" :src="iconSrc('share_button')" mode="aspectFit" />
+          <view class="list-button-item action-icon-btn" @click.stop="shareOrder(item)">
+            <image class="action-icon-btn__icon" :src="iconSrc('share_button')" mode="aspectFit" />
           </view>
           <!-- #endif -->
           <!-- #endif -->
           <block v-if="currentStatus == 2">
             <block v-if="item.book == 0">
-              <view><button @click.stop="directFh(item)" class="admin-button-com bule">发货</button> </view>
+              <view class="list-button-item"><button @click.stop="directFh(item)" class="admin-button-com bule">发货</button> </view>
             </block>
             <block v-else>
-              <view><button @click.stop="confirmFh(item)" class="admin-button-com bule">发货</button> </view>
+              <view class="list-button-item"><button @click.stop="confirmFh(item)" class="admin-button-com bule">发货</button> </view>
             </block>
           </block>
           <block v-else>
-            <view><button disabled="true" class="admin-button-com bule active">发货</button> </view>
+            <view class="list-button-item"><button disabled="true" class="admin-button-com bule active">发货</button> </view>
           </block>
-          <view v-if="currentStatus == 1">
+          <view class="list-button-item" v-if="currentStatus == 1">
             <button disabled="true" class="admin-button-com bule active">打印(${item.printNum})</button>
           </view>
-          <view v-else>
+          <view class="list-button-item" v-else>
             <button @click.stop="printOrder(item)" class="admin-button-com bule">
               打印<text>({{ item.printNum }})</text>
             </button>
           </view>
-          <view>
+          <view class="list-button-item">
             <button @click.stop="printWlFlag(item)" class="admin-button-com bule">
               物流标<text>({{ item.printWlNum || 0 }})</text>
             </button>
           </view>
-          <view class="more-icon-btn" @click.stop="openMore(item)">
-            <image class="more-icon-btn__icon" :src="iconSrc('more_button')" mode="aspectFit" />
+          <view class="list-button-item action-icon-btn" @click.stop="openMore(item)">
+            <image class="action-icon-btn__icon" :src="iconSrc('more_button')" mode="aspectFit" />
           </view>
         </view>
       </view>
@@ -539,28 +539,24 @@ export default {
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;
-    .admin-button-com {
+    .list-button-item {
+      display: flex;
+      align-items: center;
+      justify-content: center;
       margin: 0 6upx 12upx 6upx;
+      flex: none;
+      min-height: 48upx;
+    }
+    .admin-button-com {
+      margin: 0;
       min-width: 90upx;
       max-width: 140upx;
       flex: none;
       box-sizing: border-box;
     }
-    .more-icon-btn {
-      width: 53upx;
-      height: 53upx;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex: none;
-    }
-    .more-icon-btn__icon {
+    .action-icon-btn {
       width: 52upx;
       height: 52upx;
-    }
-    .share-icon-btn {
-      width: 51upx;
-      height: 51upx;
       padding: 0;
       line-height: 1;
       display: flex;
@@ -573,9 +569,9 @@ export default {
         border: none;
       }
     }
-    .share-icon-btn__icon {
-      width: 50upx;
-      height: 50upx;
+    .action-icon-btn__icon {
+      width: 52upx;
+      height: 52upx;
     }
   }
 }