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

image.png

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

a. 某个功能或者业务需要使用图标表示。
b. 一般普通的页面图标展示
针对a 系统已经封装成组件直接使用组件形式。非常方便。例如 菜单管理:

image.png image.png image.png

//业务源码组件使用

  1. .....
  2. <div class="form-group">
  3. <label class="col-sm-3 control-label"><@ctx.i18n text = "图标"/>:
  4. <i class="fa fa-question-circle-o" style="color: orange"></i></a>
  5. </label>
  6. <div class="col-sm-8">
  7. <@f.iconselect name="icon" placeholder="选择图标"/>
  8. </div>
  9. </div>
  10. .....
  11. //重点 <@f.iconselect name="icon" placeholder="选择图标"/>
  12. //是不是很方便,系统还内置了很多类似的组件 其他组件请登录演示网站 自行学习

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

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