更新记录

1.0.0（2025-09-29） 下载此版本

组件主要文件为：

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

注意点

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

示例：

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

初始化渲染

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

兼容小程序、PC、APP

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

平台兼容性

uni-app

其他

1.0.0（2025-09-29）

组件主要文件为：

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

注意点

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

示例：

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

初始化渲染

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

兼容小程序、PC、APP

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