vue3-mth-nav v0.2.3

Vue 3 + Vite

MxNav系统切换组件

使用

# 下载npm包
npm i  mth-bc-v3

# 在需要用到的页面引入, ts 项目可能会类型检查报错，忽略即可
import {AppNavV3} from 'mth-bc-v3';

# 注册
export default defineComponent({
  components: {
    MxNav,
  }
});

# 在main.js 中引入css
import 'mth-bc-v3/dist/style.css';

# 参数 （必填）当前用户拥有权限的系统列表
<MxNav :system-apps="apps" />

# 样例数据 此数据在接口 uaa/api/user/getAccount 中获得 
systemApps:[
    {
        "id": 1,
        "code": "upms",
        "name": "权限管理系统",
        "site": "https://xxxx.com"
    },
    {
        "id": 4,
        "code": "kf",
        "name": "客服管理系统",
        "site": "https://xxxx.com"
    }
]