An out-of-box UI solution for enterprise applications built on Vue3.x + Vite5.x + Antdv 4.x.
npm install @miitvip/admin-pro
Vue3.x 构建的适用于中后台管理系统的开箱即用的组合模板框架
@miitvip/admin-pro
Makeit Admin Pro 是基于 Vue 3.x + Vite 5.x + Ant Design Vue 4.x 构建开发的一套适合中后台管理项目的 UI 框架。
Layout，登录 Login / 注册 Register / 忘记密码 Forget 等页面模块，让开发人员能更加专注于业务内容的开发，无需花费过多的时间在基础构建上，希望可以通过 Makeit Admin Pro 系列组件提供快速高效的搭建高质量的中后台应用，现阶段还在不断完善，持续开发更新中 ...
css modules + css variables )
vue-i18n )
document.cookie )
localStorage & sessionStorage )
axios )
global configuration )
global functions )
Layout ) :sparkling_heart:
Captcha ) :collision:
Anchor ) :balloon:
Clock ) :clock130:
Dropdown ) :palm_tree:
Link ) :guitar:
Palette ) :books:
Socialite ) :dizzy:
Menu ) :rocket:
Modal ) :traffic_light:
Notice ) :round_pushpin:
Password ) :u7981:
Search ) :bookmark_tabs:
Code ) :flight_arrival:
Title ) :palm_tree:
Quotes ) :hash:
Backtop ) :top:
History ) :guitar:
ItemsImage ) :tea:
ItemsText ) :date:
ItemsImage ) :computer:
Login ) :cherries:
Register ) :european_castle:
Forget ) :hammer:
AppsLanguage ) :snowflake:
AppsMenu ) :triangular_flag_on_post:
404 ) :sleeping:
bash
npm i @miitvip/admin-pro
`
全局引入
`ts
import { createApp } from 'vue'
import MakeitAdminPro from '@miitvip/admin-pro'
import App from './app.vue'
const app = createApp(App)
app.use(MakeitAdminPro)
app.mount('#app')
`
按需加载
`ts
import { createApp } from 'vue'
import router from './router'
import App from './app.vue'
import { Layout, Notice } from '@miitvip/admin-pro'
const app = createApp(App)
app.use(router)
const components = [Layout, Notice]
components.forEach((component) => app.use(component))
app.mount('#app')
`
基础布局
`html
`
登录页面
`vue
`
注册页面
`vue
``