0.0.2 • Published 2 years ago

@monda/admin-ui v0.0.2

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

基于 Arco Design 的 Vue UI 组件库。

🌲admin-ui 框架结构

│  .gitignore     // Git提交时会自动忽略里面的文件或目录
│  index.html     // 入口页面
│  package.json   // 项目基本信息
│  README.md      // 项目说明
│  style.js
│  vite.config.js // vite配置文件
│  
├─public
│  │  favicon.ico
│  │  
│  └─images
│          logo.png
│          
└─src
    │  App.vue // 入口组件
    │  main.js // 入口js文件,引入全局使用的库、公共的样式和方法、设置路由等
    │  md-theme.less
    │  md-ui.less
    │  
    ├─assets // 静态资源
    │      logo.png
    │      
    ├─components 
    │      index.js // 全局组件注入
    │      
    ├─http
    │  │  index.js  // 异步请求封装、全局注入
    │  │  
    │  └─apis // 接口文件夹
    │          
    ├─layout          // 基础页面布局
    │      aside.vue  // 左侧导航栏
    │      header.vue // 顶部区域
    │      index.vue  // 结构布局
    │      
    ├─router
    │  │  index.js // 路由配置、路由拦截器
    │  │  
    │  └─routes    // 路由文件夹
    │          
    ├─store
    │  │  index.js // 引入模块
    │  │  utils.js // 工具函数
    │  │  
    │  └─modules
    │          constant.js
    │          options.js
    │          user.js
    │  |        
    ├─utils
    │      index.js // 工具函数引入
    │      
    └─views
        │  home.vue // 首页
        │  
        ├─error // 接口调用失败返回页
        │      403.vue
        │      404.vue
        │      500.vue
        │      
        ├─member // 示例
        │      columns.jsx
        │      index.vue
        │      
        └─setting // 示例
                index.vue

✨ 特性

  • 🌈 提炼自企业级中后台产品的交互语言和视觉风格。

📦 安装

npm install 
yarn add 

🔨 示例

⌨️ 本地开发