From 666bcc20d989be1c7a2acb314594e8e017a611ac Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期日, 11 八月 2024 23:18:51 +0800
Subject: [PATCH] update花店的一些问题等
---
sub_pages/customer/trade/detail.vue | 62 +++++++++++++++++++++++--------
1 files changed, 46 insertions(+), 16 deletions(-)
diff --git a/sub_pages/customer/trade/detail.vue b/sub_pages/customer/trade/detail.vue
index 75ded1d..e0db91c 100644
--- a/sub_pages/customer/trade/detail.vue
+++ b/sub_pages/customer/trade/detail.vue
@@ -2,7 +2,30 @@
<view class="trade-detail">
<view class="top-img-container">
- <image :src="dto.cover" class="top-img" mode="aspectFill"></image>
+ <!-- <image :src="dto.cover" class="top-img" mode="aspectFill"></image> -->
+ <uni-swiper-dot class="uni-swiper-dot-box" :mode="'dot'" field="content">
+ <swiper class="swiper-box" :interval="10000" :circular="true" :current="0" :autoplay="true">
+
+ <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>
+
+ </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>
+ </swiper-item>
+
+ <swiper-item>
+ <image :src="dto.cover" :lazy-load="true" @click="previewImg(dto.cover)" class="top-img" mode="scaleToFill">
+ </image>
+ </swiper-item>
+
+
+ </swiper>
+ </uni-swiper-dot>
+
@@ -11,9 +34,6 @@
class="icon-sc"></image>
<image v-if="dto.collection" src="../../../static/common/icon-sc-fill.png" @click="collectItem(dto)"
class="icon-sc"></image>
-
-
- <!-- <view class="num">12</view>-->
</view>
<view class="icon-container">
<image src="../../../static/common/icon-shop.png" @click="toShopping(dto)" class="icon-shop">
@@ -39,11 +59,11 @@
<span class="num">{{ dto.price || '-' }}</span>
元/扎
</view>
- <view class="m-l-a m-r-15">
- <button open-type="contact" class="component-button-contact" >
- <image src="../../../static/common/icon-kf.png" class="icon-kf m-l-15 img100"></image>
-
- </button>
+ <view class="m-l-a m-r-15">
+ <button open-type="contact" class="component-button-contact">
+ <image src="../../../static/common/icon-kf.png" class="icon-kf m-l-15 img100"></image>
+
+ </button>
</view>
<view class="m-r-0 gwc" @click="submitShopping(dto)" v-if="!dto.shopnum">
@@ -92,7 +112,7 @@
</view>
</view>
- <view class="line" v-if="dto.bannerList&&dto.bannerList.length>0">
+ <!-- <view class="line" v-if="dto.bannerList&&dto.bannerList.length>0">
</view>
<uni-swiper-dot class="uni-swiper-dot-box" :mode="'dot'" field="content"
@@ -100,20 +120,21 @@
<swiper class="swiper-box" :interval="10000" :circular="true" :current="0" :autoplay="true">
<swiper-item v-for="(url, index) in dto.bannerList" :key="index">
<view class="swiper-item" :class="'swiper-item' + index">
- <image class="home-banner-image m-auto m-t-12 m-b-12" style="display: block;" mode="scaleToFill" @click="previewImg(url)" :src="url">
+ <image class="home-banner-image m-auto m-t-12 m-b-12" style="display: block;" mode="scaleToFill"
+ @click="previewImg(url)" :src="url">
</image>
</view>
</swiper-item>
</swiper>
- </uni-swiper-dot>
+ </uni-swiper-dot> -->
- <view class="line" v-if="dto.video">
+ <!-- <view class="line" v-if="dto.video">
</view>
<view class="info-brand m-t-12" v-if="dto.video">
<video :src="dto.video" :auto-pause-if-navigate="true" style="display: block;margin: 0 auto;"></video>
- </view>
+ </view> -->
@@ -186,14 +207,14 @@
this.id = options.id || ''
// #ifdef PUB_CUSTOMER
-
+
if (options.partnerUserId) {
let tmp = this
tmp.sharePartnerUserId = options.partnerUserId
//合伙人绑定的，判断当前用户，是否有登录,登录没绑定，没登录先缓存合伙人id，等注册和登录时候再弄
setTimeout(() => {
//并且当前用户没有绑定
- if(tmp.currentInfo.id&&tmp.currentInfo.customerDTO.partnerId){
+ if (tmp.currentInfo.id && tmp.currentInfo.customerDTO.partnerId) {
return
}
if (tmp.currentInfo.id) {
@@ -414,7 +435,11 @@
})
if (code === 0) {
this.dto = {
+ bannerList: [],
...data,
+ }
+ if (!this.dto.bannerList) {
+ this.dto.bannerList = []
}
}
@@ -687,6 +712,11 @@
.top-img-container {
position: relative;
+ swiper {
+ width: 750rpx;
+ height: 764rpx;
+ }
+
.top-img {
width: 750rpx;
height: 764rpx;
--
Gitblit v1.9.3