你的位置:首页 > 软件开发 > 网页设计 > 给jui(dwz)的菜单树换一套漂亮的图标

给jui(dwz)的菜单树换一套漂亮的图标

发布时间:2016-09-06 17:00:06
JUI是一个免费开源的框架,在使用初期,会遇到一些麻烦,因为文档实在太少了,完全不知道从哪里入门,但是,一旦你深入学习后,你会发现,你的选择是不错的,它会提高你开发的效率,同时,你会深深爱上它。目前公司有几个小项目在做,本着少花钱的原则(其实是自己前端水平有限),选择了此框架,在 ...

JUI是一个免费开源的框架,在使用初期,会遇到一些麻烦,因为文档实在太少了,完全不知道从哪里入门,但是,一旦你深入学习后,你会发现,你的选择是不错的,它会提高你开发的效率,同时,你会深深爱上它。

目前公司有几个小项目在做,本着少花钱的原则(其实是自己前端水平有限),选择了此框架,在学习开发过程中,遇到了一些问题,但都圆满解决,所以很希望分享出来,共同学习进步。

我水平有限,有写得不好的地方请多多包含。

今天或接下来几天,我都会先围绕界面的美化进行展开。今天先讲图标的美化。

先来看看官方原来的菜单图标。它是统一的,简单的。

给jui(dwz)的菜单树换一套漂亮的图标

再来看看修改后的图标,这是多彩的,个性的,张扬的。是不是觉得漂亮多了?是不是有眼前一亮的感觉?

给jui(dwz)的菜单树换一套漂亮的图标给jui(dwz)的菜单树换一套漂亮的图标给jui(dwz)的菜单树换一套漂亮的图标给jui(dwz)的菜单树换一套漂亮的图标给jui(dwz)的菜单树换一套漂亮的图标

接下来,我们就开始细说:

刚开始以为,既然系统提供了默认的图标,我们就不能再添加或修改,这完全不符合个性的需求,相信作者也不希望看到缺少创新的界面。因此抱着试试看的态度,进行了开动。

用过bootstrap,对于字体图标很感兴趣,因此下载了fontawesome字体文件,将框架左侧菜单列表改为:

<li><a href="@Url.Content("~/CarManage/Index")" target="navTab" rel="carindex"><i ></i> 车辆管理</a></li>

原标题:给jui(dwz)的菜单树换一套漂亮的图标

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录