layuimini 图标颜色便捷指定

layuimini 后台图片默认都是没有颜色。为了美观做了修改，可以在菜单初始化的时候就渲染好图标的颜色

第一步修改miniMenu.js文件

一：

   renderLeftMenu :function(leftMenus,options){options = options || {};var me = this ;var leftMenusHtml =  me.each(leftMenus || [],function (idx,leftMenu) { // 左侧菜单遍历var children = me.renderChildrenMenu(leftMenu.child, { childOpenClass:options.childOpenClass });var leftMenuHtml = me.compileMenu({href: leftMenu.href,target: leftMenu.target,childOpenClass: options.childOpenClass,icon: leftMenu.icon,title: leftMenu.title,children: children,className: '',//增加该行代码iconColor:leftMenu.icon.split(" ").length>=3?leftMenu.icon.split(" ")[2]:''});return leftMenuHtml ;}).join("");leftMenusHtml = me.compileMenuContainer({ id:options.parentMenuId,className:options.leftMenuCheckDefault,children:leftMenusHtml }) ;return leftMenusHtml ;},

二：修改compileMenu函数将i标签模板修改成如下形式

 <i class="{{d.icon}}" {{#if(d.iconColor){}} style="color: {{d.iconColor}}"{{#}}}></i>

使用：

在添加菜单的时候在icon字段内容最后面添加指定颜色即可。

 {"title": "错误日志","icon": "fa fa-file-text-o red","href": "","target": "_blank"}

layuimini 图标颜色便捷指定相关推荐

【vue-element-admin 】侧栏原始图标颜色一键指定
原始配置中,并没有一键给图标配置颜色的属性,所以自己根据需求添加了个效果如图第一步:修改element-admin代码 : 位置:layout/components/Sidebar/Item.vu ...
积跬步，聚小流------ps有用小技巧，改变png图标颜色
积跬步,聚小流------ps有用小技巧,改变png图标颜色 * 实现效果: 原图: 改动后: * 实现目的: 满足为实现不同界面色彩搭配改动png图标的颜色 * 实现方法: 1.打开Phot ...
改变图标颜色_LOL设计师宣布修改装备图标：提高清晰度、颜色差异化
在11月12日,英雄联盟更新到了最新的季前赛版本.这次官方除了对部分英雄进行改动,主要是对于装备的图标和属性进行了更新.而在图标更新后,很多装备的样子都发生了很大的变化. 这也导致很多老玩家在进游戏后 ...
C#中读取“已注册的文件类型”的图标及读取指定文件图标的方法（转）
using System; using System.IO; using System.Drawing; using Microsoft.Win32; using System.Runtime.Int ...
wampserver服务器无法启动（图标颜色不对）
1.服务器一直无法启动,图标颜色一直显示黄色,并且不可用. 2.解决办法: (1) C:\wamp\bin\apache\apache2.4.9\bin ->httpd.exe 找到该文件 ( ...
android状态栏背景色和图标颜色更改总结
通过若干种方法来实现状态栏背景和图标变色注意事项:api 23才支持状态栏图标变色,所以图标变色会在编译api>=23中实现一 Android 4.4 之前状态栏默认黑色,不能改变二 An ...
html 字体图标颜色怎么改,关于css：如何设置Font Awesome Icons的图标颜色，大小和阴影的样式...
我如何设置Font Awesome图标中图标的颜色,大小和阴影? 例如,Font Awesome的网站将显示一些白色的图标和一些红色的图标但不会显示CSS如何以这种方式设置样式... 鉴于它们只是字体 ...
android设置状态栏字体颜色vivo,状态栏通知图标颜色统一_vivo Xplay3S_手机Android频道-中关村在线...
顶部状态栏是用来显示消息和程序通知的地方,在之前1.0版本中,信号.时间.电量.wifi以及蓝牙等这些图标都是以白色来显示,而其他通知则会以起自身的图标颜色来显示,这样会使得顶部状态在色彩上显得很杂乱 ...
android开发　修改标题栏背景_android开发修改状态栏背景色和图标颜色
修改状态栏背景色和图标颜色默认是黑底白字的,现在要改为白底黑字的先看下效果图: Screenshot_2018-01-03-19-20-27-797_com.yiban1314..png 1.状态 ...

layuimini 图标颜色便捷指定

第一步修改miniMenu.js文件

使用：

layuimini 图标颜色便捷指定相关推荐

最新文章

热门文章

layuimini 图标颜色便捷指定

第一步 修改miniMenu.js文件

使用：

layuimini 图标颜色便捷指定相关推荐

最新文章

热门文章

第一步修改miniMenu.js文件