From 6d2ed02113ca14df030522264d68ac4fec369b3f Mon Sep 17 00:00:00 2001
From: 陶杰 <1378534974@qq.com>
Date: 星期一, 04 十一月 2024 09:52:15 +0800
Subject: [PATCH] 1.微信支付
---
pages/home/home.vue | 94 +++++++++++++++++++++++++++++++++++++---------
1 files changed, 75 insertions(+), 19 deletions(-)
diff --git a/pages/home/home.vue b/pages/home/home.vue
index 8afe209..5f48b92 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -2,7 +2,7 @@
<view class="main-container user-home">
<view class="bg-top-green"></view>
<!-- 顶部，可能 -->
- <view class="school" :style="{'padding-top':(StatusBar)+'px'
+ <view class="school flex" :style="{'padding-top':(StatusBar + 8 )+'px'
,height:CustomBar+'rpx','line-height':CustomBar+'rpx' }">
<!-- <picker @change="PickerChangeSchool" :value="areaIndex" :range="schools" range-key="name">
<view class="picker flex">
@@ -15,8 +15,16 @@
<view class="picker flex" @click.stop="goToAddress">
<uni-icons type="location" class="m-r-5" size="18"></uni-icons>
<view>
- {{ address&&address.id?address.address: '选择地址' }}
- </view>
+ {{ current_address }}
+ </view>
+ <uni-icons class="icon" type="left" style="transform: rotate(-90deg);margin-left: 10rpx;" size="20"></uni-icons>
+
+ </view>
+ <view class="m-l-a m-r-0" style="position: relative;" @click="goto('/sub_pages/supplier/customer_service/customer_service',false)">
+ <view class="icon-kf-p">
+ <!-- <view>客服</view> -->
+ <image src="@/static/common/icon-kf.png" class="icon-kf img100"></image>
+ </view>
</view>
</view>
<view class="search-container m-t-12 flex" @click="goto('/pages/home/components/home-search',false)">
@@ -77,8 +85,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 +124,7 @@
</view>
<view class="tip">
- <span class="t-red">*</span>此券每人限领1张。仅限用于花满芜鲜花交易平台鲜切花花款满额使用，不可与其他优惠同享、不可叠加使用
+ <span class="t-red">*</span>{{dto_home_coupon.couponDescription || '此券每人限领1张。仅限用于花满芫鲜花交易平台鲜切花花款满额使用，不可与其他优惠同享、不可叠加使用'}}
</view>
</view>
</view>
@@ -127,11 +149,22 @@
...mapState({
address: state => {
return state.defaultaddress || {}
+ },
+ addressDesc: state=>{
+ return state.addressDesc || ''
},
currentInfo: state => {
return state.currentInfo || {}
- },
- }),
+ },
+
+ }),
+ current_address(){
+ var desc = this.addressDesc || (this.address&&this.address.id?this.address.address: '选择地址')
+ if(desc.length>=15){
+ return desc.substring(0,15) + '...'
+ }
+ return desc
+ }
},
components: {
homeCategory,
@@ -411,20 +444,22 @@
}
})
- if (tmp.currentInfo.id) {
- let tmp = this
- //延迟2秒
- setTimeout(() => {
+
+ let tmp = this
+ //延迟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/home/alert'
- u = '/api/v2/coupon/app/home/list'
+ 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 list = res.data || {}
+ // var dto = list.length >= 1 ? list[0] : undefined
+ var dto = res.data || undefined
if (dto) {
// 显示弹窗图片
tmp.dto_home_coupon = dto
@@ -433,8 +468,9 @@
}
})
}
- }, 2000)
- }
+ }
+ }, 1200)
+
},
clickBanner(item) {
@@ -452,7 +488,7 @@
return
}
uni.navigateTo({
- url: '/pages/user/address/address?source=select'
+ url: '/pages/user/address/address?source=home'
})
},
buttonSearchFlow() {
@@ -496,5 +532,25 @@
/* #ifdef PUB_CUSTOMER */
@import "@/sub_pages/customer/coupon/coupon.scss";
- /* #endif */
+ /* #endif */
+ .icon-kf-p{
+ // margin-top: 12rpx;
+ position: absolute;
+ right: 0rpx;
+ bottom: 16rpx;
+ text-align: center;
+ // font-size: 12rpx;
+ color: #fff;
+ // min-width: 120rpx;
+ display: flex;
+ // width: fit-content;
+ height: 44rpx;
+ line-height: 44rpx;
+ // height: 64rpx;
+ .icon-kf{
+ width: 44rpx;
+ height: 44rpx;
+ // margin-left: 20rpx;
+ }
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3