From c2910d258fd92ff40a6d23d94c186f11d78a5fd5 Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期六, 14 九月 2024 15:02:44 +0800 Subject: [PATCH] update 花店端一些细节 --- sub_pages/customer/coupon/good-self.vue | 26 +++++++++++++++----------- 1 files changed, 15 insertions(+), 11 deletions(-) diff --git a/sub_pages/customer/coupon/good-self.vue b/sub_pages/customer/coupon/good-self.vue index c544aaa..4a15a76 100644 --- a/sub_pages/customer/coupon/good-self.vue +++ b/sub_pages/customer/coupon/good-self.vue @@ -10,24 +10,28 @@ <view class="p10"> <view v-for="(item,index) of list" :key="index" class="good-item" :class="[query.status]"> - <view class="flex container img100" @click="selectItem(item)"> + <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 flex"> - {{item.name||''}} + <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" + <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="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> @@ -201,8 +205,8 @@ .info-price { .cover { - width: 150rpx; - height: 150rpx; + width: 160rpx; + height: 160rpx; } } @@ -212,12 +216,12 @@ .title { font-weight: 600; - font-size: 36rpx; + font-size: 32rpx; color: #333333; - line-height: 50rpx; + line-height: 40rpx; text-align: left; position: relative; - margin-top: 20rpx; + margin-top: 10rpx; .select-coupon { position: absolute; -- Gitblit v1.9.3