| | |
| | | </div> |
| | | </u-navbar> |
| | | <!-- 空白页--> |
| | | <view v-if="!loading && (cartDetail.cartList == '' || cartDetail.cartList == [] || !cartDetail)" class="empty"> |
| | | <view v-if="!loading && (cartDetail.cartList == '' || cartDetail.cartList == [] || !cartDetail)" class="empty" :style="{height: windowHeight - marginBottom - 50 + 'px'}"> |
| | | <image src="/static/emptyCart.png" mode="aspectFit"></image> |
| | | <view class="empty-tips"> |
| | | 空空如也 |
| | |
| | | </view> |
| | | </view> |
| | | <!-- 店铺商品信息 --> |
| | | <div class="content"> |
| | | <div class="content" :style="{height: windowHeight - marginBottom - 50 + 'px'}"> |
| | | <div class="box box2" :class="{ invalid: isInvalid(item) }" v-for="(item, index) in cartDetail.cartList" |
| | | :key="index"> |
| | | <view class="tab"> |
| | |
| | | </u-checkbox-group> |
| | | <span class="invalid" v-else style="font-size: 24rpx">失效</span> |
| | | </view> |
| | | <u-image border-radius="10" :fade="true" @click="navigateToGoods(skuItem)" width="160rpx" height="160rpx" |
| | | <!-- <video border-radius="10" :fade="true" @click="navigateToGoods(skuItem)" |
| | | v-if="skuItem.goodsSku.goodsVideo" :src="skuItem.goodsSku.goodsVideo" |
| | | style="width: 160rpx;height: 160rpx;" |
| | | :initial-time="0" |
| | | :controls="false" object-fit="contain" :show-play-btn="false" :show-center-play-btn="false"/> --> |
| | | <u-image border-radius="10" :fade="true" @click="navigateToGoods(skuItem)" width="160rpx" height="160rpx" |
| | | :src="skuItem.goodsSku.thumbnail" /> |
| | | </view> |
| | | <view class="goods-content"> |
| | |
| | | <u-modal v-model="deleteShow" :confirm-style="{'color':lightColor}" @confirm="deleteConfirm" show-cancel-button |
| | | :content="deleteContent" :async-close="true"></u-modal> |
| | | <!-- 结账 --> |
| | | <div class="box box6"> |
| | | <div class="box box6" :style="{bottom: marginBottom + 50 + 'px'}"> |
| | | <view class="navL"> |
| | | <u-checkbox shape="circle" :active-color="lightColor" v-model="checkout" @change="checkOut()" label-size="24">全选 |
| | | </u-checkbox> |
| | |
| | | isEdit: false, // 是否是编辑 |
| | | checkout: false, //全选按钮 |
| | | WEIXIN_num: "", //购物车兼容微信步进器 |
| | | marginBottom: 0 ,// 底部安全区域 |
| | | windowHeight: 0 // 可使用屏幕高度 |
| | | }; |
| | | }, |
| | | |
| | | mounted() { |
| | | this.marginBottom = uni.getSystemInfoSync().safeAreaInsets.bottom |
| | | this.windowHeight = uni.getSystemInfoSync().windowHeight |
| | | // #ifdef MP-WEIXIN |
| | | // 小程序默认分享 |
| | | uni.showShareMenu({ withShareTicket: true }); |