From 0ab0304cb027c55d2c2249fe5abf2e2933750b75 Mon Sep 17 00:00:00 2001
From: "jqtmviyu@gmail.com" <jqtmviyu@gmail.com>
Date: Sun, 21 Feb 2021 22:34:54 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8E=B7=E5=8F=96=E6=A5=BC=E5=B1=82=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index/index.vue | 32 ++++++++++++++++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index c8ffa03..52a75a7 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -12,12 +12,31 @@
 
     <!-- 3. 导航 -->
     <view class="nav">
-      <navigator class="nav_item" v-for="item in catitems" :key="item.image_src">
+      <navigator class="nav_item" v-for="item in catitems" :key="item.image_src"   open-type="switchTab" url="/pages/category/category">
         <image :src="item.image_src" mode="widthFix"></image>
         <!-- widthFix	缩放模式，宽度不变，高度自动变化，保持原图宽高比不变 -->
       </navigator>
     </view>
 
+    <!-- 4. 楼层 -->
+    <!-- 两层数据 -->
+    <view class="floor" >
+      <!-- 第一层:时尚女装,户外活动,箱包配饰...  -->
+      <view class="floor_group" v-for="(item, index) in floordata" :key="index">
+        <!-- 标题 -->
+        <view class="floor_group_title">
+          <image :src="item.floor_title.image_src"></image>
+        </view>
+        <!-- 内容 -->
+        <view class="floor_group_list">
+          <navigator class="floor_item" v-for="item2 in item.product_list" :key="item2.name">
+            <image :src="item2.image_src"></image>
+          </navigator>
+        </view>
+      </view>
+
+    </view>
+
 	</view>
 </template>
 
@@ -26,7 +45,8 @@
 		data() {
 			return {
         swiperList: [],
-        catitems: []
+        catitems: [],
+        floordata:[]
 			}
     },
     // 页面生命周期
@@ -35,6 +55,8 @@
       this.getSwiper()
       // 获取导航图
       this.getCatitems()
+      // 获取楼层数据
+      this.getFloordata()
 		},
 		methods: {
       // getSwiper(){
@@ -54,6 +76,12 @@
       async getCatitems(){
         const { message } = await this.$u.api.getCatitems()
         this.catitems = message
+      },
+
+      // 楼层
+      async getFloordata(){
+        const { message } = await this.$u.api.getFloordata()
+        this.floordata = message
       }
 		}
 	}