From 67ad25211fbf50bf1b9b2db7863bbdc6e5d23c4a Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期三, 11 九月 2024 14:22:55 +0800 Subject: [PATCH] 1 --- sub_pages/customer/coupon/good-self.vue | 59 +++++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 45 insertions(+), 14 deletions(-) diff --git a/sub_pages/customer/coupon/good-self.vue b/sub_pages/customer/coupon/good-self.vue index 161a778..440d59d 100644 --- a/sub_pages/customer/coupon/good-self.vue +++ b/sub_pages/customer/coupon/good-self.vue @@ -5,10 +5,11 @@ </top-tabs> </view> - <view class=""> - <no-data v-if="!list||list.length==0" style="width: 100%;"></no-data> + <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="coupont-item" :class="[query.status]"> + <view v-for="(item,index) of list" :key="index" class="good-item" :class="[query.status]"> <view class="flex container img100"> <view class="info-price"> <image :lazy-load="true" :src="item.cover" class="cover" mode="scaleToFill"></image> @@ -22,7 +23,7 @@ <view class="time word-e"> {{item.description||''}} </view> - <view class="button" @click="getPointGood(item)" v-if="source!=='shopping'"> + <view class="button m-l-a m-r-10" @click="getPointGood(item)" v-if="source!=='shopping'"> 查看详情 </view> <!-- <view class="button" @click="updateSelectGood(item)" v-if="source=='shopping'"> @@ -35,7 +36,7 @@ </view> --> </view> </view> - <view style="min-height: 130rpx;" v-if="source=='shopping'"></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="toGoodAll">前往兑换</view> --> @@ -106,7 +107,7 @@ methods: { isIngood(item) { for (var tmp of this.cache_goods) { - if (tmp.goodsId == item.goodsId) { + if (tmp.id == item.id) { return true } } @@ -116,7 +117,7 @@ async updateSelectGood(item) { var has = false for (var tmp of this.cache_goods) { - if (tmp.goodsId == item.goodsId) { + if (tmp.id == item.id) { has = true break } @@ -127,7 +128,7 @@ //移除 var arr = [] for (var tmp of this.cache_goods) { - if (tmp.goodsId == item.goodsId) {} else { + if (tmp.id == item.id) {} else { arr.push(tmp) } } @@ -176,10 +177,12 @@ @import './coupon.scss'; .coupon-container { - .coupont-item { + .good-item { + height: unset; + padding: 20rpx; + margin-top: 0rpx; .container { - background-image: unset; - + background-color: #fff; .info-price { .cover { width: 150rpx; @@ -188,9 +191,33 @@ } .info { - .time { - margin-top: 0rpx; + margin-left: 20rpx; + position: relative; + .title { + font-weight: 600; + font-size: 36rpx; + color: #333333; + line-height: 60rpx; + text-align: left; + position: relative; + .select-coupon{ + position: absolute; + right: 10rpx; + top: -6rpx; + } } + + .time { + font-weight: 400; + font-size: 28rpx; + color: #666666; + line-height: 40rpx; + text-align: left; + margin-top: 10rpx; + word-break: break-all; + } + + .button { width: 150rpx; @@ -203,7 +230,10 @@ color: rgba(68, 119, 90, 1); line-height: 46rpx; text-align: center; - margin-top: 10rpx; + // margin-top: 10rpx; + position: absolute; + right: 10rpx; + bottom: 20rpx; } } } @@ -225,6 +255,7 @@ color: #20613D; text-align: center; line-height: 90rpx; + background-color: #fff; } } </style> \ No newline at end of file -- Gitblit v1.9.3