cub-admin

Cub Admin

中后台管理系统前端基础库，基于Vue、vue-router、element-plus构建。

【在线预览】cub-admin-template

如何使用

pnpm add cub-admin

# 安装前置依赖
pnpm add vue vue-router element-plus

main.js

import 'element-plus/dist/index.css';
import 'element-plus/theme-chalk/dark/css-vars.css';
import 'cub-admin/dist/style.css';
import { createApp } from 'vue';
import App from './App.vue';
import router from './router';

const app = createApp(App);

app.use(router);
app.mount('#app');

layout.vue

<template>
  <CubLayout />
</template>

<script setup>
import { CubLayout } from 'cub-admin';
</script>

功能

• 经典布局
• 多布局
• 动态路由/菜单
• 页面缓存
• tagsView
• 主题模式切换
• 主题色修改
• 主题样式切换
• 自定义主题样式
• i18n