项目目录
项目目录
  • 发布:2016-08-20 16:04
  • 更新:2016-08-21 00:00
  • 阅读:25972

mui-icon的图标在哪里可以看到全部的图标及调用名称?

分类:MUI

发现mui-icon-email 是email图标,mui-icon-home是首页图标,这些都在哪里呢?我想看到全部的,不知道在哪里可以看到?

2016-08-20 16:04 负责人:无 分享
已邀请:
lsvih

lsvih

官方示例和文档都有

Danny

Danny - QQ125904483

http://dcloudio.github.io/mui/components/

赵梦欢

赵梦欢 - 专注前端,乐于分享!

MUI 内置字体图标

MUI 扩展字体图标

图标使用:
如果不使用拓展图标,直接引用css/mui.css或者css/mui.min.css文件,以及fonts/mui.ttf文件,这样引用:

<span class="mui-icon mui-icon-weixin"></span>

如果使用拓展图标,需要额外在css文件夹下加icons-extra.css文件,fonts文件夹下加上mui-icons-extra.ttf字体,引用的页面需要引用:

<!--标准mui.css-->  
<link rel="stylesheet" href="../css/mui.min.css">  
<link rel="stylesheet" type="text/css" href="../css/icons-extra.css" />

调用方法:

<span class="mui-icon-extra mui-icon-extra-calc"></span>

详细的查看hello mui下的icons.html和icons-extra.html演示实例。

该问题目前已经被锁定, 无法添加新回复