瀏覽代碼

优化页面响应式

storeBelieveInLight 1 年之前
父節點
當前提交
a58302fcfe

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

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

+ 1 - 12
shop/commodity/details.vue

@@ -82,7 +82,6 @@ export default {
82 82
       const urlParams = toQueryString(obj);
83 83
       uni.redirectTo({
84 84
         url: `./logisticsInformationDetail?${urlParams}`
85
-        // url: './order'
86 85
       });
87 86
     },
88 87
     formDataItem(val, type = "status") {
@@ -92,14 +91,6 @@ export default {
92 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 95
     getOrderDetails() {
105 96
       getOrderDetails({
@@ -196,12 +187,10 @@ page {
196 187
     top: 190rpx;
197 188
   }
198 189
   .order-detail-card {
190
+	  width:calc(100% - 54rpx);
199 191
     height: calc(100% - 260rpx);
200 192
     margin-top: 220rpx;
201 193
     margin-bottom: 50rpx;
202
-    // border:2rpx solid #f00;
203
-
204
-    // overflow-y: auto;
205 194
   }
206 195
 }
207 196
 .inputInfo{

+ 1 - 1
shop/commodity/logisticsInformationDetail.vue

@@ -1,7 +1,7 @@
1 1
 <template>
2 2
   <view class="logistics-info-card">
3 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 5
   </view>
6 6
 </template>
7 7