T-Icon 图标
- 示例代码路径：
/pages/components/t-icon/t-icon - 示例代码地址：https://gitee.com/turbo-ui/turbo-ui-demo/tree/master/pages/components/t-icon/t-icon
兼容端
| 安卓 | 苹果 | Web | 鸿蒙 | 微信小程序 |
|---|---|---|---|---|
| ✅ | ✅ | ✅ | ❌ | ❌ |
使用示例
vue
<template>
<t-icon name="arrow-up-circle-fill"></t-icon>
</template>属性
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| name | String | 'home-fill' | 图标名称 |
| size | String | '25' | 字体大小 |
| width | String | '25' | 宽度 |
| height | String | '25' | 高度 |
| color | String | "#000000" | 图片颜色 |
| family | String | "remixicon" | 字体名称 |
| familySource | String | "" | 自定义字体资源路径 |
| familyDatas | String | "{}" | 自定义字体资源数据 |
| bgColor | String | "transparent" | 背景颜色 |
| dark | Boolean | true | 是否为暗黑模式自适应 |