@unicom-blockchain/common-layout v1.5.6

@unicom-blockchain/common-layout

项目简介

@unicom-blockchain/common-layout 封装了普通系统的左侧菜单视图与顶部的菜单

功能

• 管理系统主界面布局

安装

使用 pnpm 安装：

pnpm i @unicom-blockchain/common-layout

配置布局

import { registerLayout } from '@unicom-blockchain/common-layout';
import { ElDropdownItem } from 'element-plus';
import ProjectIcon from 'assets/logo.png';
const Menu = <ElDropdownItem>123123</ElDropdownItem>;
registerLayout({
  logo: ProjectIcon,
  iconClass: 'iconfront',
  extraHeaderMenu: Menu,
});

使用布局

import { Layout as LayoutComponent } from '@unicom-blockchain/common-layout';
import { Layout, Page } from '@unicom-blockchain/app-base';
@Page()
@Layout(LayoutComponent)
class Page3 {
  component = () => import('./Page2.vue');
}

CSS变量