Sfoglia il codice sorgente

优化页面响应式

storeBelieveInLight 1 anno fa
parent
commit
a58302fcfe

+ 9 - 7
shop/commodity/components/orderDetail/orderCardDetailInfo.vue

@@ -186,15 +186,16 @@ export default {
186
   }
186
   }
187
 
187
 
188
   .details-xiangqing-niri {
188
   .details-xiangqing-niri {
189
-    width: 634rpx;
189
+    // width: 634rpx;
190
     // height: 548rpx;
190
     // height: 548rpx;
191
+	    width: 100%;
191
     margin: 26rpx 0 50rpx 0;
192
     margin: 26rpx 0 50rpx 0;
192
     display: flex;
193
     display: flex;
193
     flex-direction: column;
194
     flex-direction: column;
194
 
195
 
195
     // background-color: orangered;
196
     // background-color: orangered;
196
     .order-list-yi-in-neibu {
197
     .order-list-yi-in-neibu {
197
-      width: 634rpx;
198
+      // width: 634rpx;
198
       height: 158rpx;
199
       height: 158rpx;
199
       display: flex;
200
       display: flex;
200
       justify-content: space-between;
201
       justify-content: space-between;
@@ -203,17 +204,17 @@ export default {
203
       margin: 10rpx 0 10rpx 0;
204
       margin: 10rpx 0 10rpx 0;
204
 
205
 
205
       .order-list-yi-in-neibu-left {
206
       .order-list-yi-in-neibu-left {
206
-        width: 474rpx;
207
+        // width: 474rpx;
207
         height: 100%;
208
         height: 100%;
208
         display: flex;
209
         display: flex;
209
         align-items: flex-start;
210
         align-items: flex-start;
210
         justify-content: space-between;
211
         justify-content: space-between;
211
-
212
+        // gap:20rpx;
212
         .order-list-yi-in-neibu-left-img {
213
         .order-list-yi-in-neibu-left-img {
213
           width: 158rpx;
214
           width: 158rpx;
214
           height: 158rpx;
215
           height: 158rpx;
215
           overflow: hidden;
216
           overflow: hidden;
216
-
217
+          flex-shrink: 0;
217
           image {
218
           image {
218
             width: 100%;
219
             width: 100%;
219
             height: 100%;
220
             height: 100%;
@@ -221,8 +222,9 @@ export default {
221
         }
222
         }
222
 
223
 
223
         .order-list-yi-in-neibu-left-url {
224
         .order-list-yi-in-neibu-left-url {
224
-          width: 290rpx;
225
+          // width: 290rpx;
225
           display: flex;
226
           display: flex;
227
+		  padding:0 20rpx;
226
 
228
 
227
           .order-list-yi-in-neibu-left-url-top {
229
           .order-list-yi-in-neibu-left-url-top {
228
             width: 100%;
230
             width: 100%;
@@ -274,7 +276,7 @@ export default {
274
     }
276
     }
275
 
277
 
276
     .details-xiangqing-shujussss {
278
     .details-xiangqing-shujussss {
277
-      width: 634rpx;
279
+      // width: 634rpx;
278
       height: 340rpx;
280
       height: 340rpx;
279
       margin-top: 50rpx;
281
       margin-top: 50rpx;
280
       display: flex;
282
       display: flex;

+ 1 - 12
shop/commodity/details.vue

@@ -82,7 +82,6 @@ export default {
82
       const urlParams = toQueryString(obj);
82
       const urlParams = toQueryString(obj);
83
       uni.redirectTo({
83
       uni.redirectTo({
84
         url: `./logisticsInformationDetail?${urlParams}`
84
         url: `./logisticsInformationDetail?${urlParams}`
85
-        // url: './order'
86
       });
85
       });
87
     },
86
     },
88
     formDataItem(val, type = "status") {
87
     formDataItem(val, type = "status") {
@@ -92,14 +91,6 @@ export default {
92
         return val[type] || "";
91
         return val[type] || "";
93
       }
92
       }
94
     },
93
     },
95
-    copy(value) {
96
-      uni.setClipboardData({
97
-        data: value,
98
-        success: function () {
99
-          console.log("success");
100
-        }
101
-      });
102
-    },
103
     // 订单详情页面
94
     // 订单详情页面
104
     getOrderDetails() {
95
     getOrderDetails() {
105
       getOrderDetails({
96
       getOrderDetails({
@@ -196,12 +187,10 @@ page {
196
     top: 190rpx;
187
     top: 190rpx;
197
   }
188
   }
198
   .order-detail-card {
189
   .order-detail-card {
190
+	  width:calc(100% - 54rpx);
199
     height: calc(100% - 260rpx);
191
     height: calc(100% - 260rpx);
200
     margin-top: 220rpx;
192
     margin-top: 220rpx;
201
     margin-bottom: 50rpx;
193
     margin-bottom: 50rpx;
202
-    // border:2rpx solid #f00;
203
-
204
-    // overflow-y: auto;
205
   }
194
   }
206
 }
195
 }
207
 .inputInfo{
196
 .inputInfo{

+ 1 - 1
shop/commodity/logisticsInformationDetail.vue

@@ -1,7 +1,7 @@
1
 <template>
1
 <template>
2
   <view class="logistics-info-card">
2
   <view class="logistics-info-card">
3
     <headersVue @headerJump="topgi" header-title="物流信息"></headersVue>
3
     <headersVue @headerJump="topgi" header-title="物流信息"></headersVue>
4
-    <view class="logistics-info-card-wrapper"></view>
4
+    <view class="logistics-info-card-wrapper">1212</view>
5
   </view>
5
   </view>
6
 </template>
6
 </template>
7
 
7