陶杰
2025-01-13 efa9bfe98ba906e4c9b8f49c89f5da162a46bb0f
pages/home/components/home-zones.vue
@@ -1,11 +1,10 @@
<template>
   <view class="home-zones">
      <view class="c">
         <image class="p1 img100" :lazy-load="true" mode="aspectFit"
            src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/eb/eba404b98a224edc82897fe9647902e7%E4%BD%8D%E5%9B%BE@2x%20(4).png">
      <view class="c" v-for="(item,index) of list" @click.stop="toDetail(item.id)">
         <image class="p1 img100 m-t-12" :lazy-load="true" mode="aspectFill" :src="item.bgUrl">
         </image>
         <view class="c-txt-1">
            <view class="title">婚礼酒店专区</view>
         <view class="c-txt-1" v-show="false">
            <view class="title">{{ item.name }}</view>
            <view class="flex">
               <view class="desc">查看详情</view>
               <view class="right m-l-5">
@@ -15,7 +14,7 @@
            </view>
         </view>
      </view>
      <view class="c">
      <view class="c" v-if="false">
         <image class="p2 img100 m-t-12" :lazy-load="true" mode="aspectFit"
            src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/52/52deec39e6ff47efb4855cda8766f29e%E8%B7%AF%E5%BE%84%204@2x.png">
         </image>
@@ -30,7 +29,7 @@
            </view>
         </view>
      </view>
      <view class="flex m-t-12">
      <view class="flex m-t-12" v-if="false">
         <view class="flex1 c m-r-5">
            <image class="p3  img100" :lazy-load="true" mode="aspectFit"
               src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/87/8787940a92524d7a9805a9184946cfaf%E4%BD%8D%E5%9B%BE@2x%20(5).png">
@@ -69,9 +68,31 @@
   export default {
      data() {
         return {
            list: [],
         };
      }
      },
      methods: {
         toDetail(id) {
            uni.navigateTo({
               url: `/sub_pages/customer/trade/list?zoneId=${id}`
            })
         },
         init() {
            this.list = []
            this.$http.request('get', '/api/flower/zone/list', {}).then(res => {
               this.list = res.data || []
            })
         }
      },
      mounted() {
         console.log('init hone zones')
         this.$http.request('get', '/api/flower/zone/list', {}).then(res => {
            this.list = res.data || []
         })
      },
      onLoad() {
      },
   }
</script>
@@ -158,10 +179,12 @@
            .title {
               color: #892E2E;
            }
            .desc {
               color: #892E2E;
            }
            .right{
            .right {
               background: #892E2E;
            }
         }