楼层区域的创建和点击跳转

点击跳转：

// 楼层区域事件
            async getFloorList() {
                const {
                    data: res
                } = await uni.$http.get('/api/public/v1/home/floordata')
                if (res.meta.status !== 200) return uni.$showMsg()

                // 先不赋值，对数据进行处理
                res.message.forEach(floor => {
                    floor.product_list.forEach(prod => {
                        prod.url = '/subpkg/goods_list/goods_list?' + prod.navigator_url.split('?')[1]
                    })
                })
                this.floorList = res.message
                // uni.$showMsg('数据请求成功!')
            },

<view class="floor-img-box">
                    <!-- 左侧大盒子 -->
                    <navigator class="left-img-box" :url="item.product_list[0].url">
                        <image :src="item.product_list[0].image_src"
                            :style="{width:item.product_list[0].image_width + 'rpx'}" mode="widthFix"></image>
                    </navigator>
                    <!-- 右侧四个小盒子 -->
                    <view class="right-img-box">
                        <!-- v-if排除第一张左侧的图片 -->
                        <navigator class="right-img-item" v-for="(item2, i2) in item.product_list" :key="i2"
                            v-if="i2 !== 0" :url="item2.url">
                            <image :src="item2.image_src" mode="widthFix" :style="{width: item2.image_width + 'rpx'}">
                            </image>
                        </navigator>
                    </view>
                </view>