Appearance
Icon 图标
移动端图标组件,基于内置 iconfont 图标类名渲染,支持尺寸、颜色和旋转角度。
示例
基础用法
通过 name 传入内置 iconfont 图标类名,使用 size 和 color 设置尺寸与颜色,rotate 设置旋转角度。
API
Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
name | string | - | 图标类名,必须是内置 iconfont 中存在的类名 |
size | number | string | 'inherit' | 图标大小。数字会按 px 处理,也可传入 'inherit' |
color | string | 'inherit' | 图标颜色 |
rotate | number | 0 | 图标旋转角度,单位为 deg |
注意事项
name需要传入组件库内置 iconfont 中存在的图标类名。size和color默认继承父级样式,适合跟随文本或按钮内容变化。rotate会通过 CSS transform 应用旋转角度。