| | |
| | | </top-tabs> |
| | | </view> |
| | | <no-data v-if="!list||list.length==0" style="width: 100%;"></no-data> |
| | | |
| | | |
| | | <view class="p10"> |
| | | |
| | | <view v-for="(item,index) of list" :key="index" class="good-item" :class="[query.status]"> |
| | | <view class="flex container img100"> |
| | | <view class="flex container img100" @click="selectItem(item)"> |
| | | <view class="info-price"> |
| | | <image :lazy-load="true" :src="item.cover" class="cover" mode="scaleToFill"></image> |
| | | </view> |
| | |
| | | <view class="title flex"> |
| | | {{item.name||''}} |
| | | <!-- <radio :checked="isIngood(item)" @click.stop="updateSelectGood(item)" v-if="source==='shopping'" class="select-coupon"></radio> --> |
| | | |
| | | <view :style="{ 'margin-right': '20rpx'}" @click.stop="updateSelectGood(item)" |
| | | class="component-radio m-l-a" :class="[isIngood(item)?'cur':'']" v-if="source==='shopping'"> |
| | | |
| | | |
| | | <view :style="{ 'margin-right': '20rpx'}" class="component-radio m-l-a" |
| | | :class="[isIngood(item)?'cur':'']" v-if="source==='shopping'"> |
| | | |
| | | </view> |
| | | |
| | | |
| | | </view> |
| | | <view class="time word-e"> |
| | | {{item.description||''}} |
| | | </view> |
| | | <view class="button m-l-a m-r-10" @click="getPointGood(item)" v-if="source!=='shopping'"> |
| | | <view class="button m-l-a m-r-10" v-if="source!=='shopping'"> |
| | | 查看详情 |
| | | </view> |
| | | <!-- <view class="button" @click="updateSelectGood(item)" v-if="source=='shopping'"> |
| | | <!-- <view class="button" @click="updateSelectGood(item)" v-if="source=='shopping'"> |
| | | {{isIngood(item)?'移除':'添加'}} |
| | | </view> --> |
| | | </view> |
| | |
| | | }, |
| | | |
| | | methods: { |
| | | selectItem(item) { |
| | | if (this.srouce === 'shopping') { |
| | | //选择 |
| | | this.updateSelectGood(item) |
| | | } else { |
| | | //详情 |
| | | this.getPointGood(item) |
| | | } |
| | | }, |
| | | isIngood(item) { |
| | | for (var tmp of this.cache_goods) { |
| | | if (tmp.id == item.id) { |
| | |
| | | height: unset; |
| | | padding: 20rpx; |
| | | margin-top: 0rpx; |
| | | |
| | | .container { |
| | | background-color: #fff; |
| | | |
| | | .info-price { |
| | | .cover { |
| | | width: 150rpx; |
| | |
| | | .info { |
| | | margin-left: 20rpx; |
| | | position: relative; |
| | | |
| | | .title { |
| | | font-weight: 600; |
| | | font-size: 36rpx; |
| | |
| | | text-align: left; |
| | | position: relative; |
| | | margin-top: 20rpx; |
| | | .select-coupon{ |
| | | |
| | | .select-coupon { |
| | | position: absolute; |
| | | right: 10rpx; |
| | | top: -6rpx; |
| | | } |
| | | } |
| | | |
| | | |
| | | .time { |
| | | font-weight: 400; |
| | | font-size: 28rpx; |
| | |
| | | margin-top: 10rpx; |
| | | word-break: break-all; |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | .button { |
| | | width: 150rpx; |