安装

npm install layoutqt -S

开始&使用

// main.js中引入
import { createApp } from 'vue'  
import App from './App.vue'  
import Layoutqt from 'layoutqt'  
import ArcoVue from '@arco-design/web-vue';  
import ArcoVueIcon from '@arco-design/web-vue/es/icon';
import '@arco-design/web-vue/dist/arco.css';  
const app = createApp(App);
app.use(Layoutqt);
app.use(ArcoVue);
app.use(ArcoVueIcon);
app.mount('#app');

// vue文件中使用***.vue
// <qtcanvasmenu :canvasmenus="[...]" @toInnerRouter="toInnerRouter"/>  
// <qttopbar :topbartitle="topbartitle" :userprofile="userprofile" @signOutOidc="signOutOidc"/>  

其他说明

本组件依赖acro-design及ArcoVueIcon

| 组件名称 | 入参 | 回调 | |----|----|----| |qtcanvasmenu | 必填 canvasmenus:Array 为bus-canvasmenus接口返回的canvasmenus列表 |function toInnerRouter(menuitem) 参数为当前点击菜单数据| |qttopbar| 必填 userprofile:Object，登录用户基本信息{name:""}；非必填：topbartitle:String 左上角标题 |function signOutOidc() 登出|