|
@@ -8,18 +8,18 @@ |
|
@@ -8,18 +8,18 @@ |
8
|
<!-- 物流信息 -->
|
8
|
<!-- 物流信息 -->
|
9
|
<div v-if="logisticInfo.wayBillCode" class="platform-delivery-info">
|
9
|
<div v-if="logisticInfo.wayBillCode" class="platform-delivery-info">
|
10
|
<div class="icon-wrapper">
|
10
|
<div class="icon-wrapper">
|
11
|
- <i class="icon"></i>
|
11
|
+ <i />
|
12
|
</div>
|
12
|
</div>
|
13
|
- <div>
|
13
|
+ <div class="info">
|
14
|
<p>
|
14
|
<p>
|
15
|
- <span>快递公司:</span>
|
15
|
+ <span class="label">快递公司:</span>
|
16
|
<span>
|
16
|
<span>
|
17
|
{{ logisticInfo.expressCompanyName }}
|
17
|
{{ logisticInfo.expressCompanyName }}
|
18
|
</span>
|
18
|
</span>
|
19
|
- <span class="platform-info">{{ platformName }}</span>
|
19
|
+ <!-- <span class="platform-info">{{ platformName }}</span> -->
|
20
|
</p>
|
20
|
</p>
|
21
|
<p>
|
21
|
<p>
|
22
|
- <span>快递单号:</span>
|
22
|
+ <span class="label">快递单号:</span>
|
23
|
<span>
|
23
|
<span>
|
24
|
{{ logisticInfo.wayBillCode }}
|
24
|
{{ logisticInfo.wayBillCode }}
|
25
|
</span>
|
25
|
</span>
|
|
@@ -144,8 +144,9 @@ export default { |
|
@@ -144,8 +144,9 @@ export default { |
144
|
|
144
|
|
145
|
<style lang="scss" scoped>
|
145
|
<style lang="scss" scoped>
|
146
|
.logistics-wrapper {
|
146
|
.logistics-wrapper {
|
147
|
- height: 100vh;
|
147
|
+ height: calc(100vh - 90px);
|
148
|
-webkit-box-orient: vertical;
|
148
|
-webkit-box-orient: vertical;
|
|
|
149
|
+ overflow-x: auto;
|
149
|
|
150
|
|
150
|
.judge-content-wrapper {
|
151
|
.judge-content-wrapper {
|
151
|
font-size: 24px;
|
152
|
font-size: 24px;
|
|
@@ -221,16 +222,38 @@ export default { |
|
@@ -221,16 +222,38 @@ export default { |
221
|
}
|
222
|
}
|
222
|
}
|
223
|
}
|
223
|
|
224
|
|
|
|
225
|
+ .icon-wrapper {
|
|
|
226
|
+ width: 48px;
|
|
|
227
|
+ height: 48px;
|
|
|
228
|
+
|
|
|
229
|
+ i {
|
|
|
230
|
+ display: block;
|
|
|
231
|
+ background: url("~statics/image/order/logistics-icon@3x.png") no-repeat;
|
|
|
232
|
+ background-size: contain;
|
|
|
233
|
+ width: 100%;
|
|
|
234
|
+ height: 100%;
|
|
|
235
|
+
|
|
|
236
|
+ &.sf {
|
|
|
237
|
+ background: url("~statics/image/order/sf-logo.png") no-repeat;
|
|
|
238
|
+ }
|
|
|
239
|
+ }
|
|
|
240
|
+ }
|
|
|
241
|
+
|
224
|
.platform-delivery-info {
|
242
|
.platform-delivery-info {
|
225
|
display: flex;
|
243
|
display: flex;
|
|
|
244
|
+ align-items: center;
|
|
|
245
|
+ margin-bottom: 64px;
|
226
|
|
246
|
|
227
|
- .icon-wrapper {
|
|
|
228
|
- width: 48px;
|
|
|
229
|
- background-color: red;
|
247
|
+ .info {
|
|
|
248
|
+ margin-left: 20px;
|
|
|
249
|
+
|
|
|
250
|
+ .label {
|
|
|
251
|
+ color: #999;
|
|
|
252
|
+ padding-right: 10px;
|
|
|
253
|
+ }
|
230
|
|
254
|
|
231
|
- .icon {
|
|
|
232
|
- display: block;
|
|
|
233
|
- padding-bottom: 100%;
|
255
|
+ & > :first-child {
|
|
|
256
|
+ margin-bottom: 10px;
|
234
|
}
|
257
|
}
|
235
|
}
|
258
|
}
|
236
|
}
|
259
|
}
|