update 优化

xuxueyang

2024-08-07 0ad6688a4241c20311a173bd9a11944721eefbf5

 sub_pages/customer/trade/detail.vue

@@ -1,7 +1,11 @@
<template>

   <view class="trade-detail">

      <view class="top-img-container">



         <image :src="dto.cover" class="top-img" mode="aspectFill"></image>







         <view class="icon-container">

            <image v-if="!dto.collection" src="../../../static/common/icon-sc.png" @click="collectItem(dto)"

               class="icon-sc"></image>

@@ -68,14 +72,6 @@
               <view class="label">暂无</view>

            </view>

         </view>

         <!--      <view class="flex m-t-8">

         <!--        <view class="label">枝粗：</view>-->

         <!--        <view class="value">中等粗细</view>-->

         <!--      </view>-->

         <!--      <view class="flex m-t-8">-->

         <!--        <view class="label">均匀度：</view>-->

         <!--        <view class="value">1-2支不均匀</view>-->

         <!--      </view>-->

      </view>

      <view class="line">



@@ -92,6 +88,33 @@
            <view class="store-to m-l-a m-r-0">进入店铺</view>

         </view>

      </view>



      <view class="line" v-if="dto.bannerList&&dto.bannerList.length>0">



      </view>

      <uni-swiper-dot class="uni-swiper-dot-box" :mode="'dot'" field="content"

         v-if="dto.bannerList&&dto.bannerList.length>0">

         <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" mode="scaleToFill" @click="previewImg(url)" :src="url">

                  </image>

               </view>

            </swiper-item>

         </swiper>

      </uni-swiper-dot>



      <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 class="m-t-20 shop-recommend-container" v-if="false">

         <view class="shop-recommend-title">店铺推荐</view>

         <view class="flex">

@@ -463,6 +486,19 @@
   .trade-detail {

      background-color: #FFFFFF;



      swiper {

         height: 320rpx;

      }



      .swiper-box {

         position: relative;



         swiper-item {

            background-color: #fff;

            border-radius: 8rpx;

         }

      }



      .image-shop-number {

         width: 30rpx;

         height: 30rpx;