1.本系统已经集成了4套系统图标、多达2000多种全部整合到系统,使用非常方便。

image.png

2.一般会有两种形式的使用。

a. 某个功能或者业务需要使用图标表示。

b. 一般普通的页面图标展示

针对a 系统已经封装成组件直接使用组件形式。非常方便。例如 菜单管理:

image.png

image.png

image.png

//业务源码组件使用

.....
<div class="form-group">
  <label class="col-sm-3 control-label"><@ctx.i18n text = "图标"/>    <i class="fa fa-question-circle-o" style="color: orange"></i></a>
  </label>
  <div class="col-sm-8">
    <@f.iconselect name="icon" placeholder="选择图标"/>
  </div>
</div>
.....

//重点 <@f.iconselect name="icon" placeholder="选择图标"/>
//是不是很方便,系统还内置了很多类似的组件 其他组件请登录演示网站 自行学习

如果是b一般页面使用。直接开发工具-图标样式-可以在其中检索。直接双击就可以复制。

页面写法:

//写的class就可以了 如果需要调整大小 自行写css样式
<i class="fa fa-eercast"></i>