add 部分ui

xuxueyang

2024-08-15 891b5db055a1d27c6bda2e9700aa57f8bacd7cd2

 sub_pages/customer/shop/shop.vue

@@ -84,14 +84,16 @@
            <view class="flex m-t-12 flex-wrap-normal">

            <view class="type-list"  v-if="flg==='1'">

               <view v-for="(item,index) of catgoryTree" @click="changeType(item)"

                  :class="[query.categoryRoot===item.id?'current':'']" :key="index" class="p10 flex type-item">

                     :class="[query.categoryRoot===item.id?'current':'']" :key="index"

                     class="p10 flex type-item">

                  {{item.name || '-'}}

               </view>

            </view>

            <view class="flex1">

               

            

               <view class="component-shop-item flex" v-for="(item,index) of list" :key="index" :class="flg==='1'?'flg-category':''">

                  <view class="component-shop-item flex" v-for="(item,index) of list" :key="index"

                     :class="flg==='1'?'flg-category':''">

                  <view class="img" @click.stop="toDetail(item)">

                     <image class="img img100" :src="item.cover" lazy-load>

                     </image>

@@ -287,6 +289,14 @@
      onShow() {

         //避免商品数目不一样

         this.refreshList('post')

      },

      async onPullDownRefresh() {

         if (this.id) {

            await this.getDetail()

         }

         await this.refreshList('post')

         uni.stopPullDownRefresh()



      },

      onLoad(options) {

         this.id = options.id || ''

@@ -563,13 +573,13 @@
         display: flex;
      
         .tag {
            min-width: 80rpx;
            padding-left: 20rpx;
            padding-right: 20rpx;
            line-height: 36rpx;
            min-width: 60rpx;

            padding-left: 10rpx;

            padding-right: 10rpx;

            line-height: 30rpx;

            background: #FEE6E6;
            border-radius: 21rpx;
            font-size: 24rpx;
            border-radius: 10rpx;

            font-size: 22rpx;

            color: #CD1212;
            margin-right: 12rpx;
            text-align: center;
@@ -578,7 +588,7 @@
         .tag.green {
            color: rgba(110, 159, 102, 1);
            background: rgba(202, 229, 214, 1);
            border-radius: 21rpx;
            border-radius: 10rpx;

            // opacity: 0.57;
         }
      }

@@ -592,7 +602,8 @@
         overflow: hidden;

         overflow-y: scroll;

         padding: 40rpx 32rpx;

         height: calc(100vh - 450rpx);

         min-height: calc(100vh - 470rpx);

         max-height: calc(100vh - 470rpx);

         padding-top: 0rpx;

         

         .type-list {

@@ -621,22 +632,25 @@
               color: #04BA97;

            }

         }



         .flg-category.component-shop-item{

            .img{

               width: 140rpx;

               height: 140rpx;

               margin-top: 10rpx;

            }



            .info-container{

               .title {

                  margin-top: 0rpx;

               }

               .shop-name{

                  

               }

               .shop-name {}



               .other-info {

                  margin-bottom: 60rpx;

               }



               .bottom-buttons{

                      bottom: -50rpx;

               }