Icon 图标
TuniaoUI使用了基于字体的图标集，包含了大多数场景常见的图标。
TuniaoUI会不断听取用户的建议不断的更新图标库。
平台差异说明
| App | H5 | 微信小程序 | 支付宝小程序 | 百度小程序 | 头条小程序 | QQ小程序 |
|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | √ |
基本使用
TuniaoUI使用对class参数添加对应的图标名称来进行使用。
格式为：tn-icon-[图标名称]
vue
<text class="tn-icon-trusty"></text>修改图标的样式
TuniaoUI修改图标的样式与修改文字的方式一样。
vue
<text class="tn-icon-trusty tn-color-red" style="padding: 10rpx;"></text>