JUI是一個免費開源的框架，在使用初期，會遇到一些麻煩，因為文檔實在太少了，完全不知道從哪里入門，但是，一旦你深入學習后，你會發現，你的選擇是不錯的，它會提高你開發的效率，同時，你會深深愛上它。
目前公司有幾個小項目在做，本着少花錢的原則（其實是自己前端水平有限），選擇了此框架，在學習開發過程中，遇到了一些問題，但都圓滿解決，所以很希望分享出來，共同學習進步。
我水平有限，有寫得不好的地方請多多包含。
今天或接下來幾天，我都會先圍繞界面的美化進行展開。今天先講圖標的美化。
先來看看官方原來的菜單圖標。它是統一的，簡單的。
再來看看修改后的圖標，這是多彩的，個性的，張揚的。是不是覺得漂亮多了？是不是有眼前一亮的感覺？
接下來，我們就開始細說：
剛開始以為，既然系統提供了默認的圖標，我們就不能再添加或修改，這完全不符合個性的需求，相信作者也不希望看到缺少創新的界面。因此抱着試試看的態度，進行了開動。
用過bootstrap，對於字體圖標很感興趣，因此下載了fontawesome字體文件，將框架左側菜單列表改為：
<li><a href="@Url.Content("~/CarManage/Index")" target="navTab" rel="carindex"><i class="fa fa-bus fa-lg fa-fw"></i> 車輛管理</a></li>
對，關鍵代碼就是這個 <i class="fa fa-bus fa-lg fa-fw"></i> ,使用fontawesome的好處就是，不有去處理圖片，它是以字體的形式進行展示，同時調用方便，在文字前加入一個<li>就行，記得加一個空格。
附上fontawesome的地址，可以到上面找到你想要的圖標：http://fontawesome.dashgame.com/
這樣一來，菜單的前面就加了一個圖標了。是不是比以前漂亮多了？但是不是還是有點看不上眼？確實，因為為什么都是黑的？
好吧，再繼續怎么變顏色。其實聰明的你應該已經知道了。JUI自帶有幾套模板，每套模板對應一個CSS文件，只要我們添加一個樣式就可以了。
打開JUI的主題目錄
每個目錄下面有一個style.css文件，打開它，在最下面添加自定義的圖標顏色
/*自定義*/ /*菜單圖標的顏色*/ .tree i{color:#88c7cb;}
每個主題添加相應的顏色，顏色的話，根據主題的顏色自行設定。
至此，漂亮的樹菜單圖標就添加好了，同時也美化好了。