言

為了豐富 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請求，也可手動刷新數據源）

頁面

• 主控臺
• 監控臺
• 工作臺
• 用戶管理
• 個人設置
• 系統設置
• 修改密碼
• 菜單權限管理
• 角色權限管理
• 查詢列表（表格組件示例）
• 更多頁面可在線查看

項目展示

更多頁面、功能，組件，請直接在線預覽查看

在線預覽

AdminPro

在線文檔

Naive Admin NaiveUi 生態最優秀的中后臺框架，全面的系統配置，優質模板，常用組件，真正一站式開箱即用