後端開發的福音,vue+element實現的vue-element-admin前臺框架,開箱即用

辰小白發表於2020-06-08

交流qq群:672373393

前端專案公開在碼雲:https://gitee.com/xiao_yulong/noob-admin-ui

歡迎大家進群討論!

話不多說,先上效果圖。

  • 專案簡潔,需要實現更多功能可以自行新增
  • 主題分:黑、白主題,簡約大氣
  • 選單:可自行切換橫、豎選單;選單實現動態載入,只需修改json檔案或者查詢後臺資料替代json

視訊轉gif變卡、顏色也變了,將就看吧

 以後有時間小白會增加一些通用的頁面模板


動畫庫

2020-6-9更新:animate動畫庫

  1. 新增animate動畫庫及效果展示demo
  2. 修復element摺疊皮膚黑色主題

2020-6-11更新: 切換動畫

  1. 麵包屑、介面切換增加動畫效果,修改黑色主題 

分頁模板

2020-6-10更新:分頁模板1.0

  1. 卡片、分割線主題修改
  2. 分頁模板樣式修改

2020-6-23更新:分頁模板1.1

  1. 查詢、表格分塊展示
  2. 樣式美化


拖拽功能球

2020-6-15更新:拖拽功能球1.0

  1. 新增可拖拽功能球

2020-6-24更新:拖拽功能球2.0

  1. 優化功能球樣式
  2. 設計功能球展開按鈕擺放及動畫
  3. 點選遮罩關閉改為按鈕點選關閉


日曆模板

2020-6-18更新:日曆模板1.0

  1. 更新日曆模板(包含日曆 上月、今天、下月、日曆塊點選事件及資料獲取)
  2. 更新日曆、彈出框黑色主題

 

2020-6-19更新:日曆模板2.0

  1. 更新日曆模板排班資訊展示
  2. 更新日曆資訊詳情劃開展示皮膚


隱藏/顯示

2020-6-23更新: 滾動頂部隱藏/顯示


移動端適配

2020-6-28更新: 響應式佈局

  1. 增加了響應式佈局,移動端也可以使用
  2. 修改介面小於1350px時,禁止使用橫向選單

 


訊息通知

2020-6-29更新: 側滑訊息展示

  1. 新增訊息通知展示抽屜
  2. 新增訊息刪除動畫效果

 

 

後續還會完善

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

相關文章