| | |
| | | <template> |
| | | <div class="wrapper"> |
| | | <view class="wrapper"> |
| | | <u-navbar :is-back="false" title="购物车"> |
| | | <div slot="right"> |
| | | <div class="light-color edit" @click="isEdit = !isEdit">{{ !isEdit ? '编辑' : '完成'}}</div> |
| | |
| | | </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"> |
| | |
| | | </view> |
| | | </div> |
| | | <u-toast ref="uToast" /> |
| | | </div> |
| | | <custom-tabbar bgColor="#ffffff" selected="buyCar"></custom-tabbar> |
| | | </view> |
| | | </template> |
| | | <script> |
| | | |
| | | import '@/components/uview-components/uview-ui'; |
| | | import * as API_Trade from "@/api/trade"; |
| | | import { debounce } from "@/utils/tools.js"; |
| | | import uniNumberBox from '@/components/uni-number-box' |
| | | // import uniNumberBox from '@/components/uni-number-box' |
| | | export default { |
| | | components:{uniNumberBox}, // 数量加减组件 |
| | | data() { |
| | | return { |
| | | loading:false, |
| | |
| | | left: 0; |
| | | top: 0; |
| | | width: 100%; |
| | | height: 100vh; |
| | | height: calc(100vh - 50px); |
| | | z-index: 99; |
| | | padding-bottom: var(--window-bottom); |
| | | display: flex; |
| | |
| | | } |
| | | |
| | | .wrapper { |
| | | height: 100%; |
| | | height: calc(100% - 50px);; |
| | | } |
| | | |
| | | /deep/ .u-col { |
| | |
| | | justify-content: space-between; |
| | | position: fixed; |
| | | // #ifdef APP-PLUS || MP-WEIXIN |
| | | bottom: 0; |
| | | bottom: 50px; |
| | | // #endif |
| | | // #ifdef H5 |
| | | bottom: var(--window-bottom); |