|
|
@@ -51,28 +51,26 @@
|
|
|
<text>正在获取运费...</text>
|
|
|
</view>
|
|
|
<view v-else-if="deliveryQuotes.length > 0">
|
|
|
- <scroll-view scroll-y class="delivery-quotes-scroll">
|
|
|
- <view class="delivery-quotes-grid">
|
|
|
- <view
|
|
|
- v-for="(item, index) in deliveryQuotes"
|
|
|
- :key="index"
|
|
|
- class="delivery-quote-item"
|
|
|
- :class="{
|
|
|
- 'active': selectedDeliveryIndex === index,
|
|
|
- 'disabled': !item.isAble,
|
|
|
- 'fixed-width': deliveryQuotes.length <= 2
|
|
|
- }"
|
|
|
- @click="selectDelivery(item, index)"
|
|
|
- >
|
|
|
- <view class="platform-name">{{ item.displayName || item.name }}</view>
|
|
|
- <view class="platform-price">{{ item.priceText }}元</view>
|
|
|
- <view v-if="item.type" class="platform-type">{{ item.type }}</view>
|
|
|
- </view>
|
|
|
+ <view class="delivery-quotes-grid">
|
|
|
+ <view
|
|
|
+ v-for="(item, index) in deliveryQuotes"
|
|
|
+ :key="index"
|
|
|
+ class="delivery-quote-item"
|
|
|
+ :class="{
|
|
|
+ 'active': selectedDeliveryIndex === index,
|
|
|
+ 'disabled': !item.isAble,
|
|
|
+ 'fixed-width': deliveryQuotes.length <= 2
|
|
|
+ }"
|
|
|
+ @click="selectDelivery(item, index)"
|
|
|
+ >
|
|
|
+ <view class="platform-name">{{ item.displayName || item.name }}</view>
|
|
|
+ <view class="platform-price">{{ item.priceText }}元</view>
|
|
|
+ <view v-if="item.type" class="platform-type">{{ item.type }}</view>
|
|
|
</view>
|
|
|
- </scroll-view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view v-else class="empty-quotes-view">
|
|
|
- <text>暂无可用跑腿,请检查地址或网络</text>
|
|
|
+ <text>暂无可用跑腿</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -440,9 +438,9 @@ export default {
|
|
|
|
|
|
.delivery-quotes-scroll {
|
|
|
width: 100%;
|
|
|
- max-height: 200upx;
|
|
|
+ max-height: 100%;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.delivery-quotes-grid {
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
@@ -450,7 +448,8 @@ export default {
|
|
|
}
|
|
|
|
|
|
.delivery-quote-item {
|
|
|
- width: calc(33.33% - 7upx);
|
|
|
+ flex: 0 0 calc(33.33% - 10upx);
|
|
|
+ width: calc(33.33% - 10upx);
|
|
|
background: #fff;
|
|
|
border: 1rpx solid #ddd;
|
|
|
border-radius: 4upx;
|
|
|
@@ -515,7 +514,6 @@ export default {
|
|
|
|
|
|
button {
|
|
|
flex: 1;
|
|
|
- border-radius: 0;
|
|
|
font-size: 15upx;
|
|
|
height: 40upx;
|
|
|
line-height: 40upx;
|