From ef240131386f3f37cd3d0b232b4d237fb73d1132 Mon Sep 17 00:00:00 2001
From: 陶杰 <1378534974@qq.com>
Date: 星期三, 16 十月 2024 23:59:09 +0800
Subject: [PATCH] 1.部分图片替换
---
pages/home/home.vue | 65 +++++++++++++++++++++++---------
1 files changed, 46 insertions(+), 19 deletions(-)
diff --git a/pages/home/home.vue b/pages/home/home.vue
index 7a1990b..c3cfb6d 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -77,8 +77,22 @@
<uni-popup ref="coupon_home" type="center" border-radius="10px 10px 0 0">
<view class="coupon-container" style="width: 690rpx;">
- <view class="coupont-item all">
+ <view v-if="dto_home_coupon.imageUrl" class="coupont-item all" style="display: flex; justify-content: center; align-items: center; height: 100vh;">
+ <view @click="getCoupon(dto_home_coupon)"
+ :style="{
+ backgroundImage: `url(${dto_home_coupon.imageUrl})`,
+ backgroundSize: 'contain',
+ backgroundPosition: 'center',
+ backgroundRepeat: 'no-repeat' ,
+ width: '600px', // 设置宽度
+ height: '600px' // 设置高度
+ }">
+ </view>
+ </view>
+
+ <view class="coupont-item all" v-else>
<view class="flex container img100">
+
<view class="info-price">
<view class="price1">
{{dto_home_coupon.maxDiscountAmount?(`${dto_home_coupon.maxDiscountAmount}折`):(`￥${dto_home_coupon.couponDiscountValue}`)}}
@@ -102,7 +116,7 @@
</view>
<view class="tip">
- <span class="t-red">*</span>此券每人限领1张。仅限用于花满芜鲜花交易平台鲜切花花款满额使用，不可与其他优惠同享、不可叠加使用
+ <span class="t-red">*</span>{{dto_home_coupon.couponDescription || '此券每人限领1张。仅限用于花满芫鲜花交易平台鲜切花花款满额使用，不可与其他优惠同享、不可叠加使用'}}
</view>
</view>
</view>
@@ -244,6 +258,11 @@
},
methods: {
async getCoupon(item) {
+ if (!this.currentInfo.id) {
+ await this.$message.confirm('请先前往登录')
+ this.$storage.removeItem('cache_home_show_coupon')
+ return
+ }
this.$message.showLoading()
const {
code,
@@ -406,25 +425,33 @@
}
})
+
let tmp = this
- var value = this.$storage.getItem('cache_home_show_coupon')
- if (!value) {
- //首页优惠券
- this.$storage.setItem('cache_home_show_coupon', '1')
- var u = '/api/v2/coupon/home/alert'
- // u = '/api/v2/coupon/app/home/list'
- this.$http.request('get', u).then(res => {
- if (res.code == 0) {
- var list = res.data || []
- var dto = list.length >= 1 ? list[0] : undefined
- if (dto) {
- // 显示弹窗图片
- this.dto_home_coupon = dto
- tmp.$refs.coupon_home.open()
- }
+ //延迟2秒
+ setTimeout(() => {
+ if (tmp.currentInfo.id) {
+ var value = tmp.$storage.getItem('cache_home_show_coupon')
+ if (!value) {
+ //首页优惠券
+ tmp.$storage.setItem('cache_home_show_coupon', '1')
+ var u = '/api/v2/coupon/app/home/alert'
+ // u = '/api/v2/coupon/app/home/list'
+ tmp.$http.request('get', u).then(res => {
+ if (res.code == 0) {
+ // var list = res.data || {}
+ // var dto = list.length >= 1 ? list[0] : undefined
+ var dto = res.data || undefined
+ if (dto) {
+ // 显示弹窗图片
+ tmp.dto_home_coupon = dto
+ tmp.$refs.coupon_home.open()
+ }
+ }
+ })
}
- })
- }
+ }
+ }, 1200)
+
},
clickBanner(item) {
--
Gitblit v1.9.3