免费且美观的管理模板,使用 Vue 3、Vite、Pinia 和 Tailwind CSS构建。设计用于构建高效、响应式和快速加载的管理界面。
后台接口服务仓库: 后端服务仓库
| 分支 | 认证模式 | 组件库 | 预览地址 |
|---|---|---|---|
| element | BFF | Element plus | https://preview.leafage.top |
| develop | PKCE | Quasar framework | https://console.leafage.top |
| react | JWT | Material UI | - |
- Vue 3、Vite、Pinia 和 Tailwind CSS - 快速高效的开发
- 可访问性 - 包容且用户友好
- i18n集成 - 便于国际化
- 高度可定制 - 可根据项目风格定制
开发框架:Vue3/React、TypeScript、Vite、Element-Plus/Quasar、Tailwind CSS 测试框架:Vitest 代码规范:Eslint、Husky、Lint-staged、commitlint
├── .husky/ # husky
│ ├── commit-msg # Commit msg
│ └── pre-commit # Commit script before execute
├── public/ # Public static assets
│ ├── icons/ # Public icons
│ ├── svgs/ # Public svgs
├── src/
│ ├── api/ # http request api
│ ├── assets/ # assets
│ ├── boot/ # plugins init
│ ├── components/ # Vue components
│ ├── constants/ # Constants
│ ├── css/ # css
│ ├── lang/ # i18n languages
│ ├── layouts/ # Layout components
│ ├── mocks/ # Mocks with msw
│ ├── pages/ # Pages
│ ├── router/ # vue router
│ ├── stores/ # Pinia
│ ├── types/ # Types
│ ├── utils/ # Utils
│ ├── App.vue # Root component
│ └── env.d.ts # Env.d
├── test/ # Test
└── commitlint.config.js # Commitlint configuration
└── eslint.config.js # Eslint configuration
├── index.html # Entry HTML file
└── lint-staged.config.js # Lint staged configuration
├── package.json # Package define
└── postcss.config.js # Postcss configuration
└── quasar.config.ts # Vite configuration
└── vitest.config.mts # Vitest configuration

