分享一個我自己修改的Dcat-admin主題,已在公司專案中使用

甜筒君 發表於 2021-09-17

說明

對於我們這種前端會寫,但不熟練的後端來說,Dcat-admin簡直是福音。用Dcat-admin也做了幾個專案,但是Dcat-admin的樣式風格我個人還是不太喜歡。我個人是比較喜歡Ant Design的風格的,所以一直想要把Dcat-admin修改成類似Ant Design的風格。正好前兩個月做新專案,趁這個機會改了一下Dcat-admin的樣式,基本上大體的風格都是參考了Ant Design的。但目前這個主題還不是最終版本,還有一些地方沒有達到我的預期,所以後續還會再進行一些迭代,爭取能儘快達到我的預期。雖然還不算完美,但基本上算是可以用的程度了,目前公司的新專案也上線了,正在使用中,所以分享出來給大家嚐嚐鮮吧!

主要修改內容

1、登入頁面進行了重寫

分享一個我自己修改的Dcat-admin主題,已在公司專案中使用

2、後臺選單樣式進行了修改,風格換成了黑色風格

分享一個我自己修改的Dcat-admin主題,已在公司專案中使用

3、表格的操作由圖示改成了文字,操作更加明瞭

分享一個我自己修改的Dcat-admin主題,已在公司專案中使用

4、swal2的彈窗樣式(一直覺得swal2的樣式太醜了)

分享一個我自己修改的Dcat-admin主題,已在公司專案中使用

5、alert樣式

分享一個我自己修改的Dcat-admin主題,已在公司專案中使用

6、nav-tabs樣式

分享一個我自己修改的Dcat-admin主題,已在公司專案中使用
還有一些細節上的東西調整,這裡就不一一列出了。

部分頁面截圖

分享一個我自己修改的Dcat-admin主題,已在公司專案中使用
分享一個我自己修改的Dcat-admin主題,已在公司專案中使用
分享一個我自己修改的Dcat-admin主題,已在公司專案中使用
分享一個我自己修改的Dcat-admin主題,已在公司專案中使用
分享一個我自己修改的Dcat-admin主題,已在公司專案中使用
分享一個我自己修改的Dcat-admin主題,已在公司專案中使用

下載地址

www.aliyundrive.com/s/65NuZEVctBV

本作品採用《CC 協議》,轉載必須註明作者和本文連結