uni-app实现小程序楼层区域功能

效果图如下：

            

一、获取楼层数据

实现思路：

1、定义data数据

2、在onLoad中调用获取数据的方法

3、在methods中定义获取数据的方法

示例代码如下：

    export default {
        data() {
            return {
                //楼层的数据列表
                floorList:[]
            };
        },
        onLoad() {
            //页面加载时调用方法，获取楼层的数据
            this.getFloorList();
        },
        methods: {
            async getFloorList() {
                const { data: res } = await uni.$http.get('/api/public/v1/home/floordata')
                //请求失败