嗞嗞嗞~ 你的浏览器仿佛在对我微笑!

YDUI Touch Docs 返回首页

Icons

1、说明

1.1、示例:http://m.ydui.org/html/icons.html

1.2、webapp开发时常用的字体图标;各图标大小均已调整为同等大小;

1.3、阿里妈妈iconfont地址:http://www.iconfont.cn/collections/show/766

2、使用

调用图标

图标均采用伪类:before添加,在标签上添加对应class [.icon-名称] 即可;

图标大小和颜色均继承父级。

<div style="font-size: 26px;color:#FF685D;">
<i class="icon-home"></i>
<i class="icon-home-outline"></i>
<i class="icon-shopcart"></i>
<i class="icon-shopcart-outline"></i>
<i class="icon-ucenter"></i>
<i class="icon-ucenter-outline"></i>
</div>

注意:样式名 [class^="icon-"]:before, [class*=" icon-"]:before 已默认引入字体图标,其他样式命名时需注意。

3、图标集合