前言
为了丰富 Naive Admin 生态,近期我们一直在精雕细琢,日夜奋战,终于又迎来了Arco Vue Pro 正式发布上线!
Arco Design 介绍
ArcoDesign 是由字节跳动 GIP UED 团队和架构前端团队联合推出的企业级设计系统,在打磨了近 3 年之后,通过字节内部大量业务沉淀和验证,开源了 ArcoDesign 设计系统,旨在让社区听见更多的声音,为更多中小型企业及个人设计师和开发者提效,创造更多高效美观的“最佳实践”。
产品概要
Naive Admin Arco 是一个基于 Vue3.0、Vite、 Arco Vue、TypeScript 中后台解决方案。
特点
Naive Admin Arco 企业级中后台前端框架,使用最新的前端技术栈,并提炼了典型的业务模型,页面,包括二次封装组件、动态菜单、权限校验、粒子化权限控制等功能,它可以帮助你快速搭建企业级中后台项目
响应式、多主题,多配置,快速集成,开箱即用
最新技术栈,使用 Vue 3、Typescript、Pinia、Vite 等前端前沿技术
强大的鉴权系统,对路由、菜单、功能点等支持 3 种鉴权模式,满足不同的业务鉴权需求
持续更新,实用性页面模板功能和交互,随意搭配组合,让构建页面变得简单化
功能
- 一键锁屏
- 支持内嵌页面
- 黑暗模式一键切换
- 支持多级路由嵌套
- 基于Vue3、Vite、TypeScript构建
- 路由菜单智能生成,只需创建路由文件即可
- 页面切换动画:渐变 / 闪现 / 滚动 / 消退 / 底部消失 / 底部消退
- 含有大量典型的业务示例,持续更新中,之后可免费升级获取
布局
- 登录 / 注册
- 固定顶栏(可开关)
- 固定主体(可开关)
- 页面重新刷新(可开关)
- 面包屑导航(可开关)
- 面包屑图标(可开关)
- 页面动画(可开关)
- 导航栏模式:左侧菜单 / 顶部菜单 / 顶部菜单混合
- 导航栏风格:暗色侧边栏 / 白色侧边栏 / 暗色顶栏
- 更多布局可在线体验(右上角菜单项可动态预览各种配置)
鉴权
- 路由级别鉴权
- 侧边栏菜单鉴权
- 功能块鉴权
- 功能点鉴权
- 鉴权指令
组件
- Qrcode二维码(自定义LOGO,大小,样式,下载二维码)
- 富文本(增加文本,增加图片,获取html,渲染HTML内容)
- BasicModal弹窗(美化弹窗,可拖拽移动,确认按钮可定制)
- BasicForm表单(只需配置一个FormSchema数组,即可生成一个完整表单)
- Cropper图片裁剪(可裁剪圆形,方形,适用于头像上传,商品图片上传,前端裁剪)
- BasicUpload图片上传(帮助文本,大小限制,内置图片预览,上传图片统一标准封装)
- BasicTable表格(自动分页,编辑单元格/行,自适应高度,操作列深度封装,列设置,密度设置,列顺序可拖动)
- Region地区组件(省市区选择,数据动态加载方式,只需配置好相应接口即可,此组件灵活在于,可单独选择省,或者,省,市
- Password密码强度(内置多种校验规则,长度,复杂度,强度等级,文案全部可自定义,给系统设置一个相对安全的密码,就用他准没错)
- BasicSelect选择器(扩展选择器组件,用于各种表单选择器,简化使用,内置缓存,可对相同的数据减少http请求,也可手动刷新数据源)
页面
- 主控台
- 监控台
- 工作台
- 用户管理
- 个人设置
- 系统设置
- 修改密码
- 菜单权限管理
- 角色权限管理
- 查询列表(表格组件示例)
- 更多页面可在线查看
项目展示
更多页面、功能,组件,请直接在线预览查看