|
|
@@ -91,15 +91,6 @@
|
|
|
|
|
|
<!-- 底部结算栏 -->
|
|
|
<view class="cart-footer" v-if="displayCartList.length">
|
|
|
- <view class="coupon-bar" @tap="toggleDiscountDetail">
|
|
|
- <view class="coupon-bar-left">
|
|
|
- <text class="coupon-badge">券</text>
|
|
|
- <text class="coupon-label">优惠券</text>
|
|
|
- <text class="coupon-desc" v-if="checkedDiscountAmount > 0">满减已减{{ formatPrice(checkedDiscountAmount) }}元</text>
|
|
|
- </view>
|
|
|
- <text class="coupon-bar-right" v-if="checkedDiscountAmount > 0">已优惠 ¥{{ formatPrice(checkedDiscountAmount) }} ›</text>
|
|
|
- <text class="coupon-bar-right coupon-bar-right--muted" v-else>暂无可用 ›</text>
|
|
|
- </view>
|
|
|
<view class="checkout-bar">
|
|
|
<view class="checkout-left" @tap="toggleSelectAll">
|
|
|
<text
|
|
|
@@ -1033,63 +1024,6 @@ export default {
|
|
|
box-shadow: 0 -4upx 16upx rgba(0, 0, 0, 0.06);
|
|
|
}
|
|
|
|
|
|
-.coupon-bar {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- padding: 16upx 24upx;
|
|
|
- background: $backPinkColor;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.coupon-bar-left {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- flex: 1;
|
|
|
- min-width: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.coupon-badge {
|
|
|
- width: 36upx;
|
|
|
- height: 36upx;
|
|
|
- line-height: 36upx;
|
|
|
- text-align: center;
|
|
|
- font-size: 22upx;
|
|
|
- color: #fff;
|
|
|
- background: #ff8c3a;
|
|
|
- border-radius: 6upx;
|
|
|
- flex-shrink: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.coupon-label {
|
|
|
- margin-left: 12upx;
|
|
|
- font-size: 26upx;
|
|
|
- color: $fontColorMain;
|
|
|
- flex-shrink: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.coupon-desc {
|
|
|
- margin-left: 12upx;
|
|
|
- font-size: 24upx;
|
|
|
- color: $fontPinkColor;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
-}
|
|
|
-
|
|
|
-.coupon-bar-right {
|
|
|
- margin-left: 12upx;
|
|
|
- font-size: 24upx;
|
|
|
- color: $fontPinkColor;
|
|
|
- flex-shrink: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.coupon-bar-right--muted {
|
|
|
- color: $fontColor3;
|
|
|
-}
|
|
|
-
|
|
|
.checkout-bar {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|