社区房屋loading效果

guanqb

2023-01-17 0eebcd2a8cadd5e144081c2cd5813fdff5f2754a

社区房屋loading效果

 src/views/house/index.vue

@@ -305,8 +305,18 @@
                                    </div>
                                </div>
                            </div>-->
                            <el-main
                                v-loading="pictLoading"
                                element-loading-background="rgba(17, 38, 163, 0.1)"
                                element-loading-text="数据正在加载中"
                                element-loading-spinner="el-icon-loading"
                            >
                            <div class="floor-outBox">
                                <div @click="lastFloorBtn" class="floorBtn" v-show="lastFloorShow">
                                    <div
                                        @click="lastFloorBtn"
                                        class="floorBtn"
                                        v-show="lastFloorShow"
                                    >
                                    <i class="el-icon-caret-left"></i>
                                </div>
                                <div class="floor-box">
@@ -356,6 +366,7 @@
                                    </div>
                                </div>
                            </div>
                            </el-main>
                        </div>
                    </div>

@@ -726,7 +737,7 @@
            },
            peopleName: '',
            callPhone: '',

            pictLoading: false,
        }
    },
    watch: {
@@ -855,6 +866,7 @@
                    newArr.push({ floor_num: floor, floor_house: houseArr })
                })
                this.unitHouseChoosed = newArr
                this.pictLoading = false
                console.log('unitHouseChoosed', this.unitHouseChoosed)
            })
        },
@@ -875,6 +887,7 @@
        },

        buildingClick (item) {
            this.pictLoading = true
            this.buildingChoosed = item
            this.floorInfo.elev = item.elev
            this.floorInfo.floor_num = item.floor_num
@@ -1608,6 +1621,10 @@
                        .condo {
                            margin-top: 5px;
                        }

                        .el-main {
                            padding: 0;
                        }
                    }

                    .house-element-info {