update花店的一些问题等

xuxueyang

2024-08-11 666bcc20d989be1c7a2acb314594e8e017a611ac

 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">

@@ -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> -->







@@ -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;