update花店详情

xuxy

2024-08-12 3ae92c6fa55922af770ebc8e9355c5c0255e69cd

 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>





@@ -529,6 +537,18 @@
         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;

            }

         }

      }