@iamgx/pro-layout NPM

pro layout

ProLayout 可以提供一个标准又不失灵活的中后台标准布局，同时提供一键切换布局形态，自动生成菜单等功能。与 PageContainer 配合使用可以自动生成面包屑，页面标题，并且提供低成本方案接入页脚工具栏。 - ant-pro-layout
在我个人开发管理后台的过程中有多套系统拆分的需求, 将公共的layout模块拆分单独出来方便系统之间同步功能注意: 此包没有实现ant-pro-layout的所有功能, 目前供公司内部使用中... 欢迎pr

安装

npm i @iamgx/pro-layout

使用

import ProLayout from '@iamgx/pro-layout'
import "@iamgx/pro-layout/dist/pro-layout.min.css";
Vue.use(ProLayout)

<pro-layout
  logo="https://tva1.sinaimg.cn/large/008i3skNgy1gz8i4tglttj308207z749.jpg"
  :menu-active="$route.path"
  :collapsed.sync="collapsed"
  :theme.sync="theme"
  :menus="menus"
  router
>
  <router-view />
</pro-layout>