update todo还差个订单详情的商品列表展示

xuxueyang

2024-07-24 e7731f1cf08331d23cd0d27549025a2642caa9ab

 pages/home/components/home-zones.vue

@@ -1,12 +1,12 @@
<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">
      <image class="p1 img100 m-t-12" :lazy-load="true" mode="aspectFit"
             :src="item.bgUrl">
         </image>
         <view class="c-txt-1">
            <view class="title">婚礼酒店专区</view>
            <view class="flex">
        <view class="title">{{ item.name }}</view>
        <view class="flex" @click.stop="toDetail(item.id)">
               <view class="desc">查看详情</view>
               <view class="right m-l-5">
                  <uni-icons class="icon" type="right" color="#C3B8A0" size="12"></uni-icons>
@@ -15,7 +15,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 +30,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 +69,21 @@
   export default {
      data() {
         return {

      list: [],
         };
      }
  },
  methods: {
    toDetail(id) {
      uni.navigateTo({
        url: `//sub_pages/customer/trade/list?zoneId=${id}`
      })
    },
  },
  onLoad() {
    this.$http.request('get', '/api/flower/zone/list', {}).then(res => {
      this.list = res.data || []
    })
  },
   }
</script>

@@ -158,9 +170,11 @@
            .title {
               color: #892E2E;
            }

            .desc {
               color: #892E2E;
            }

            .right{
               background: #892E2E;
            }