ASP.NET MVC5+EF6+EasyUI 后台管理系統(52)-美化EasyUI皮膚和圖標


系列目錄

我很久以前就想更新系統的皮膚功能,Easyui 自帶的皮膚已經無法滿足客戶的審美。

皮膚顏色來源於AdminLTE系統。我的顏色全部都這里取的。,所以一共取了11個顏色。1個皮膚=2個banner顏色和1個側邊欄顏色

利用chome的元素查看器可以獲取AdminLTE顏色,或者用VS2013自帶的吸色器(我是用后者)

我是怎么做的???

我用了原EasyUI 的Gray作為基礎皮膚,除了藍色,其他皮膚也非常適合拿來做底板,但是覺得Gray有點質感,metor也不錯。

利用CSS的優先原則,修改要確保不修改.easyui.css與jquery.easyui.min.js的文件,這樣以后才能對Easyui直接進行覆蓋升級

圖中為文件結構,skin開頭為自己的皮膚。

就可以。下面這個重要,圖標哪里來。圖標庫我引用的是 Font Awesome;這個不是指圖片庫,而是一個字體庫

圖標585不夠用可以自己定義圖標(http://font.baidu.com/editor/) 先導入,然后編輯后導出。或者刪除一些無用的來減少帶寬

但是我覺得585夠用了,目前最新版好像是4.5又多了很多圖標。

編輯圖標后最后導處woff

不知道Font Awesome 點我進入了解

9個牛B的特性,滿足日常需求。只要引入一個CSS文件就可以font-awesome.min.css

--------------------------

上面都是廢話:

1.怎么改變我的圖標。

只要加更改為fa fa-adjust就會直接顯示上面第一個圖標

以前的工具欄:是icon-search,現在是 fa fa-search。基本無縫接入

Tree后果如下,

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM