Kaynağa Gözat

feat:接单中心按钮布局调整

zhangxin 1 ay önce
ebeveyn
işleme
c32347bc5c

+ 3 - 13
pages/orderDetailRefactored/components/PageThree.vue

@@ -54,6 +54,7 @@
54 54
       <view class="detail-image-section">
55 55
         <view class="detail-image-header">
56 56
           <text class="detail-image-title">高清实物图(拖拽排序)</text>
57
+          <u-button type="primary" v-if="displayImages.length > 0" shape="circle" plain text="核价" size="small" @click.stop="handlePricing"></u-button>
57 58
         </view>
58 59
         <view class="detail-image-content">
59 60
           <view class="detail-image-list">
@@ -73,11 +74,6 @@
73 74
               <u-icon name="plus" size="40rpx" color="#999" />
74 75
             </view>
75 76
           </view>
76
-          <view v-if="displayImages.length > 0" class="pricing-button-wrap">
77
-            <view class="pay-now-button pricing-button" @click.stop="handlePricing">
78
-              <text class="button-text">核价</text>
79
-            </view>
80
-          </view>
81 77
         </view>
82 78
       </view>
83 79
     </view>
@@ -835,9 +831,8 @@ export default {
835 831
 }
836 832
 
837 833
 .detail-image-header {
838
-  display: flex;
839
-  justify-content: space-between;
840
-  align-items: center;
834
+  display: grid;
835
+  grid-template-columns: 1fr auto;
841 836
   margin-bottom: 20rpx;
842 837
   padding-bottom: 20rpx;
843 838
   border-bottom: 1rpx solid map-get($colors, border);
@@ -919,11 +914,6 @@ export default {
919 914
   cursor: pointer;
920 915
 }
921 916
 
922
-.pricing-button-wrap {
923
-  width: 100%;
924
-  margin-top: 20rpx;
925
-}
926
-
927 917
 .pricing-button {
928 918
   margin-top: 0;
929 919
 }