@uivjs/admin-base-layout

npm i @uivjs/admin-base-layout

BaseLayout

BaseLayout Slots

import { BaseLayout } from '@uivjs/admin-base-layout';

const layout = {
  menus: () => <div>菜单</div>,
  header: () => <div>页脚</div>,
  footer: () => <div>页脚</div>,
}

const Layout = () => (
  <BaseLayout title="Vue Admin" v-slots={layout} />
);

BaseLayout default Slots

组件 BaseLayout，你可以进行自定义默认插槽 slots.default=<router-view />。

const Layout = () => (
  <BaseLayout {...}>
    <div class="warpper">
      <router-view />
    </div>
  </BaseLayout>
);

BaseLayout Props

Name | Type | Default | Description ---- | ---- | ---- | ---- title | string | Vue Admin | 标题 logoSrc | string | - | Logo 地址 collapsed | boolean | false | Sider 菜单收起状态 onCollapsed | (e: MouseEvent, collapsed: boolean) => void | `` | Sider 收起事件

NotFound

路由不存在默认页面。

import { BaseLayout, NotFound, router } from '@uivjs/admin-base-layout';

const routes = [
  { path: '/:pathMatch(.*)*', name: 'NotFound', component: NotFound },
  // ...
]

export default router(routes);

router

路由定义页面，简化默认配置。

import { BaseLayout, NotFound, router } from '@uivjs/admin-base-layout';

const layout = {
  menus: () => <div>Menu</div>,
  header: () => <div>Header</div>,
  footer: () => <div>Footer</div>,
}

const routes = [
  { path: '/:pathMatch(.*)*', name: 'NotFound', component: NotFound },
  {
    path: '/login',
    name: 'Login',
    component: () => import(/* webpackChunkName: "login" */ '@/pages/login')
  },
  {
    path: '/',
    component: <BaseLayout title="Vue Admin" v-slots={layout} />,
    redirect: '/home',
    children: [
      {
        path: 'home',
        component: () => import(/* webpackChunkName: "home" */ '@/pages/home'),
        name: 'Home',
        meta: { title: 'home', icon: 'home', affix: true }
      }
    ]
  },
];
export default router(routes);

getToken

import { getToken } from '@uivjs/admin-base-layout';

export declare function getToken(): void;

getToken

import { setToken } from '@uivjs/admin-base-layout';

export declare function setToken(token: string): void;

getToken

import { removeToken } from '@uivjs/admin-base-layout';

export declare function removeToken(): void;

License

Licensed under the MIT License.