From fb0a6f1f2107919bdfe8bd849e2cbf0a196f435d Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期五, 06 九月 2024 10:28:31 +0800
Subject: [PATCH] 1
---
sub_pages/customer/trade/detail.vue | 102 +++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 82 insertions(+), 20 deletions(-)
diff --git a/sub_pages/customer/trade/detail.vue b/sub_pages/customer/trade/detail.vue
index e0db91c..ded7a1f 100644
--- a/sub_pages/customer/trade/detail.vue
+++ b/sub_pages/customer/trade/detail.vue
@@ -9,17 +9,25 @@
<swiper-item v-if="dto.video">
<video :src="dto.video" class="top-img" :auto-pause-if-navigate="true"
style="display: block;margin: 0 auto;"></video>
-
+ <view class="index-tag">
+ 1/{{(dto.video&&1||0)+(dto.cover&&1||0)+(dto.bannerList&&dto.bannerList.length||0)}}
+ </view>
</swiper-item>
<swiper-item v-for="(url, index) in dto.bannerList" :key="index">
- <image class="top-img" :lazy-load="true" mode="scaleToFill" @click="previewImg(url)"
- :src="url">
+ <image class="top-img" :lazy-load="true" mode="scaleToFill" @click="previewImg(url)" :src="url">
</image>
+ <view class="index-tag">
+ {{index+1+(dto.video&&1)}}/{{(dto.video&&1||0)+(dto.cover&&1||0)+(dto.bannerList&&dto.bannerList.length||0)}}
+ </view>
</swiper-item>
<swiper-item>
- <image :src="dto.cover" :lazy-load="true" @click="previewImg(dto.cover)" class="top-img" mode="scaleToFill">
+ <image :src="dto.cover" :lazy-load="true" @click="previewImg(dto.cover)" class="top-img"
+ mode="scaleToFill">
</image>
+ <view class="index-tag">
+ {{(dto.bannerList&&dto.bannerList.length||0)+1+(dto.video&&1||0)}}/{{(dto.video&&1||0)+(dto.cover&&1||0)+(dto.bannerList&&dto.bannerList.length||0)}}
+ </view>
</swiper-item>
@@ -47,6 +55,15 @@
<view class="level m-r-15">{{ dto.levelStr || '-' }}</view>
<view class="">
{{ dto.name || '-' }}
+ </view>
+ </view>
+
+ <view class="tags" v-if="dto.tags||false">
+ <!-- <view class="tag red">限时抢购</view> -->
+ <!-- <view class="tag green">品质严选</view> -->
+ <view class="tag red" v-for="(tag,k) of dto.tagArr" :class="[k===0?'red':'green']" :key="tag">{{
+ tag
+ }}
</view>
</view>
<view class="desc m-t-12">
@@ -202,7 +219,7 @@
}
this.refreshShopNum()
},
- onLoad(options) {
+ async onLoad(options) {
console.log('trade detail options', options)
this.id = options.id || ''
@@ -212,22 +229,24 @@
let tmp = this
tmp.sharePartnerUserId = options.partnerUserId
//合伙人绑定的，判断当前用户，是否有登录,登录没绑定，没登录先缓存合伙人id，等注册和登录时候再弄
- setTimeout(() => {
- //并且当前用户没有绑定
- if (tmp.currentInfo.id && tmp.currentInfo.customerDTO.partnerId) {
- return
- }
- if (tmp.currentInfo.id) {
- tmp.bindPartnerUser(options.partnerUserId, '')
- } else {
- tmp.sharePartnerUserId = options.partnerUserId
- //没有登录到话设置到缓存
- if (tmp.sharePartnerUserId) {
- tmp.$storage.setItem('cache_sharePartnerUserId', tmp.sharePartnerUserId)
- }
- }
+ // setTimeout(() => {
+ //并且当前用户没有绑定
+ if (tmp.currentInfo.id && tmp.currentInfo.customerDTO.partnerId) {
+
+ }else{
+ if (tmp.currentInfo.id) {
+ await tmp.bindPartnerUser(options.partnerUserId, '')
+ } else {
+ tmp.sharePartnerUserId = options.partnerUserId
+ //没有登录到话设置到缓存
+ if (tmp.sharePartnerUserId) {
+ tmp.$storage.setItem('cache_sharePartnerUserId', tmp.sharePartnerUserId)
+ }
+ }
+ }
+
- }, 1000)
+ // }, 1000)
}
// #endif
if (this.id) {
@@ -441,6 +460,11 @@
if (!this.dto.bannerList) {
this.dto.bannerList = []
}
+ if (this.dto.tags) {
+ this.dto.tagArr = this.dto.tags.split(",") || []
+ } else {
+ this.dto.tagArr = []
+ }
}
this.$message.hideLoading()
@@ -529,6 +553,19 @@
swiper-item {
background-color: #fff;
border-radius: 8rpx;
+ position: relative;
+
+ .index-tag {
+ position: absolute;
+ color: #fff;
+ font-size: 22rpx;
+ right: 10rpx;
+ bottom: 10rpx;
+ padding: 10rpx 20rpx;
+ text-align: center;
+ background-color: #545454;
+ border-radius: 30rpx;
+ }
}
}
@@ -551,6 +588,31 @@
padding: 46rpx 30rpx;
border-radius: 40rpx 40rpx 0rpx 0rpx;
+ .tags {
+ margin-top: 12rpx;
+ display: flex;
+
+ .tag {
+ // min-width: 60rpx;
+ padding-left: 10rpx;
+ padding-right: 10rpx;
+ line-height: 30rpx;
+ background: #FEE6E6;
+ border-radius: 10rpx;
+ font-size: 18rpx;
+ color: #CD1212;
+ margin-right: 6rpx;
+ text-align: center;
+ }
+
+ .tag.green {
+ color: rgba(110, 159, 102, 1);
+ background: rgba(202, 229, 214, 1);
+ border-radius: 10rpx;
+ // opacity: 0.57;
+ }
+ }
+
.title {
font-weight: 600;
font-size: 36rpx;
--
Gitblit v1.9.3