1.v6-屏蔽微信登录

陶杰

2025-01-19 87a56274d598af9842b593ec972f517161f60707

 pages/home/components/home-top-flow.vue

@@ -1,39 +1,53 @@
<template>
   <view class="home-top-flow">
      <view class="item flex" v-for="(item,index) of list" :key="index">
      <view class="item flex" v-for="(item,index) of list" :key="index" @click="toDetail(item)">
         <view class="img">
            <image class="img img100"
               src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/ff/fff3027bd0a146478fd1f0aae816a028%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20240710224139.png">
            <image class="img img100" :class="[!item.stock?'':'']" :src="item.cover" :lazy-load="true">
            </image>
            <view class="level">
               A级
               {{ item.levelStr}}
            </view>
         </view>

         <view class="m-l-12 info-container flex1">
            <view class="title">
               橙色芭比
               <view class="price">
                  ￥6.60/扎
               <view style="max-width: 200rpx;word-break: break-all;">
                  {{ item.name || '-' }}
               </view>
               <!-- <span v-if="item.categoryStr" class="m-l-10">{{item.categoryStr || '-'}}</span> -->

               <view class="price component-price-new">
                  <span class="tip">会员价</span>￥<span class="p">{{item.priceMember||item.price}}</span>/扎
                  <view class="component-price-old">
                     ￥{{item.price}}/扎
                  </view>
               </view>

            </view>
            <view class="tags">
               <view class="tag red">限时抢购</view>
               <view class="tag green">品质严选</view>
            <view class="tags" v-if="item.tags">
               <view class="tag red" v-for="(tag,k) of item.tagArr" :class="[k===0?'red':'green']" :key="tag">{{
              tag
            }}
               </view>
               <!--               <view class="tag red">限时抢购</view>-->
               <!--               <view class="tag green">品质严选</view>-->
            </view>
            <view class="shop-name">
               小石头花卉
               {{ item.supplierName || '佚名' }}
            </view>
            <view class="other-info flex">
               <view class="m-r-15">
                  已售:7
                  已售:{{ ((item.sales||0) +(item.realSales||0))  || 0 }}
               </view>
               <view class="m-r-15">
                  剩余:13
                  剩余:{{ item.stock || 0 }}
               </view>
               <view class="m-r-15">
                  1支/扎
                  {{ item.unit || 0 }}
               </view>
            </view>
            <view class="button-buy  m-l-a m-r-0" v-if="item.status=='UP'">
               立即抢购
            </view>
         </view>
      </view>
@@ -44,9 +58,44 @@
   export default {
      data() {
         return {
            list: [{}, {}, {}, {}]
            // list: [{}, {}, {}, {}]
            query: {
               status: 'UP',
               recommend: true
            }
         };
      }
      },
      mounted() {
         this.listApi = '/api/customer/flower/list'
         this.page.size = 20
         this.page.current = 1
         this.getList('post')
      },

      methods: {
         init() {
            this.refreshList('post')
         },
         fun_GetMore() {
            this.getMore('post')
         },
         getList_after() {
            if (this.list) {
               for (var item of this.list) {
                  item.tagArr = []
                  if (item.tags) {
                     item.tagArr = item.tags.split(",") || []
                  }
               }
            }
         },
         toDetail(item) {
            uni.navigateTo({
               url: '/sub_pages/customer/trade/detail?id=' + item.id
            })
         }
      },

   }
</script>

@@ -59,7 +108,17 @@
         padding: 10rpx;

         .info-container {
				
            .button-buy {
               width: 128rpx;
               height: 48rpx;
               border-radius: 30rpx;
               border: 2rpx solid #CF0000;
               font-size: 24rpx;
               color: #CF0000;
               line-height: 48rpx;
               text-align: center;
            }

            .other-info {
               margin-top: 6rpx;
               font-size: 24rpx;
@@ -80,21 +139,22 @@
               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: 18rpx;
                  color: #CD1212;
                  margin-right: 12rpx;
                  margin-right: 6rpx;
                  text-align: center;
               }

               .tag.green {
                  color: rgba(110, 159, 102, 1);
                  background: rgba(202, 229, 214, 1);
                  border-radius: 21rpx;
                  border-radius: 10rpx;
                  // opacity: 0.57;
               }
            }