| | |
| | | <view :style="{ width: '100%', height: statusbarHeight + 'px' }"></view> |
| | | <view class="head-bar-nav" :style="{ height: navHeight + 'px' }"> |
| | | <image src="/static/icon/nav_ic_bac@2x.png" mode="widthFix" @click="fanhui"></image> |
| | | <text>商品专区</text> |
| | | <text>{{title}}</text> |
| | | <image src="/static/icon/nav_ic_bac@2x.png" style="opacity: 0;" mode="widthFix"></image> |
| | | </view> |
| | | </view> |
| | |
| | | </view> |
| | | </view> |
| | | <view class="list"> |
| | | <image class="list-notfund" src="/static/images/default_search@2x.png" mode="widthFix" v-if="goodsList.length === 0"></image> |
| | | <image class="list-notfund" src="/static/images/default_nodata_white.png" mode="widthFix" v-if="goodsList.length === 0"></image> |
| | | <view class="commodity-item" v-for="(item, i) in goodsList" :key="i" v-else @click="jumpDetails(item)"> |
| | | <view class="commodity-item-image"> |
| | | <image :src="item.imgurl" mode="widthFix"></image> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | title:'商品专区', |
| | | goodsName: '', |
| | | next: true, |
| | | page: 1, |
| | |
| | | }; |
| | | }, |
| | | onLoad(options) { |
| | | console.log(options) |
| | | this.qualityId = options.qualityId |
| | | this.title = options.title || '商品专区' |
| | | this.getGoodsList() |
| | | if (this.userInfo) { |
| | | this.cardNum() |
| | |
| | | } |
| | | this.$u.api.addCart({ |
| | | goodsId: e.id, |
| | | goodsSkuId: e.skuResponsesList[0].id, |
| | | goodsSkuId: e.goodsSkuResponseList[0].id, |
| | | num: 1 |
| | | }).then(res => { |
| | | if (res.code === 200) { |
| | | this.cardNum() |
| | | uni.showToast({ title: '添加成功', icon: 'none' }) |
| | | uni.showToast({ title: '添加成功', icon: 'success', mask: true }) |
| | | } |
| | | }) |
| | | }, |
| | |
| | | justify-content: center; |
| | | image { |
| | | width: 100%; |
| | | max-height: 330rpx; |
| | | } |
| | | } |
| | | .commodity-item-box { |