ASP.NET MVC5+EF6+EasyUI 后台管理系统(52)-美化EasyUI皮肤和图标
时间:2022-04-22
本文章向大家介绍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后果如下,
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 数组:每次遇到二分法,都是一看就会,一写就废
- OSPF 路由协议配置
- 项目实战 | 细节决定成败的渗透测试
- 构建Rasa低成本的Docker开发部署环境
- JsonPath实践(五)
- 项目实战 | 细节决定成败的渗透测试
- 工具的使用 | CobaltStrike证书修改躲避流量审查
- 一分钟学Python|Python的集合
- 遇到个小BUG之后
- 小白学PyTorch | 1 搭建一个超简单的网络
- 小白学PyTorch | 动态图与静态图的浅显理解
- Go 视图模板篇(五):模板布局和继承
- Go 视图模板篇(四):上下文感知与 XSS 攻击
- 引入 Laravel Mix 管理前端资源
- Go 视图模板篇(三):参数、管道和函数调用