From 05bd41aab8c9dba2cf7afcd78493415761f11d9d Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期四, 26 九月 2024 08:54:08 +0800 Subject: [PATCH] update 供应商刷新问题 --- sub_pages/customer/coupon/good-self.vue | 63 +++++++++++++++++++++---------- 1 files changed, 43 insertions(+), 20 deletions(-) diff --git a/sub_pages/customer/coupon/good-self.vue b/sub_pages/customer/coupon/good-self.vue index 440d59d..99322d7 100644 --- a/sub_pages/customer/coupon/good-self.vue +++ b/sub_pages/customer/coupon/good-self.vue @@ -6,38 +6,47 @@ </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 flex-wrap-normal" @click="selectItem(item)"> <view class="info-price"> <image :lazy-load="true" :src="item.cover" class="cover" mode="scaleToFill"></image> </view> - <view class="info flex1"> - <view class="title"> - {{item.name||''}} - <radio :checked="isIngood(item)" @click.stop="updateSelectGood(item)" v-if="source==='shopping'" class="select-coupon"></radio> - + <view class="info flex1 "> + <view class="title flex description"> + <view style="max-width: 420rpx;word-break: break-all;" class="word-e" >{{item.name||''}}</view> + <!-- <radio :checked="isIngood(item)" @click.stop="updateSelectGood(item)" v-if="source==='shopping'" class="select-coupon"></radio> --> + + <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"> + <view class="time word-e" style="word-break: break-all;max-width: 360rpx;"> {{item.description||''}} </view> - <view class="button m-l-a m-r-10" @click="getPointGood(item)" v-if="source!=='shopping'"> + <view class="time word-e" style="font-size: 22rpx;" v-if="item.expireTime"> + 截止:{{item.expireTime||'-'}} + </view> + + <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> </view> <!-- <view class="tip"> - <span class="t-red">*</span>此券每人限领1张。仅限用于花满芜鲜花交易平台鲜切花花款满额使用,不可与其他优惠同享、不可叠加使用 + <span class="t-red">*</span>此券每人限领1张。仅限用于花满芫鲜花交易平台鲜切花花款满额使用,不可与其他优惠同享、不可叠加使用 </view> --> </view> </view> <view style="min-height: 140rpx;" v-if="source=='shopping'"></view> - <view class="bottom-button" @click="backpage()" v-if="source=='shopping'">返回订单结算</view> + <view class="bottom-button" @click="backpage()" v-if="source=='shopping'">确定选择</view> <!-- <view class="bottom-button" @click="toGoodAll">前往兑换</view> --> </view> @@ -105,6 +114,15 @@ }, methods: { + selectItem(item) { + if (this.source === 'shopping') { + //选择 + this.updateSelectGood(item) + } else { + //详情 + this.getPointGood(item) + } + }, isIngood(item) { for (var tmp of this.cache_goods) { if (tmp.id == item.id) { @@ -181,32 +199,37 @@ height: unset; padding: 20rpx; margin-top: 0rpx; + .container { background-color: #fff; + .info-price { .cover { - width: 150rpx; - height: 150rpx; + width: 160rpx; + height: 160rpx; } } .info { margin-left: 20rpx; position: relative; + .title { font-weight: 600; - font-size: 36rpx; + font-size: 32rpx; color: #333333; - line-height: 60rpx; + line-height: 40rpx; text-align: left; position: relative; - .select-coupon{ + margin-top: 10rpx; + + .select-coupon { position: absolute; right: 10rpx; top: -6rpx; } } - + .time { font-weight: 400; font-size: 28rpx; @@ -216,8 +239,8 @@ margin-top: 10rpx; word-break: break-all; } - - + + .button { width: 150rpx; -- Gitblit v1.9.3