uniapp 界面可视化组件 低代码 全端兼容 手搓出来的！

• 组件主要文件为：

1、qs-configurable-layout.vue
2、modules/layout.js

注意点

1、pageId 必须和 vuex 中配置的 setDefaultLayouts 名相同
2、将 modules 整个文件夹放在 store 文件下，使用 vuex

示例：

子组件：import xxSwiper from ‘@/components/xx-swiper.vue’

<qs-configurable-layout pageId=“home”:componentMap=“{‘xx-swiper’: xxSwiper,}”/>

初始化渲染

长按三秒开启编辑模式、支持模块隐藏不显示，可重置布局，编辑默认模块高度为 100

兼容小程序、PC、APP

store.dispatch('layout/setDefaultLayouts', {
  // pageId需要和这个home相同做匹配
  home: {
    defaultOrder: [
      {
        component: 'top-header',
        props: {
          title: '这是标题头',
          // 组件传值配置
        },
      },
    ],
  },
  home1: {
    defaultOrder: [
      {
        component: 'top-header',
        props: {
          title: '这是标题头',
          // 组件传值配置
        },
      },
    ],
  },
})