# fine-icon

fine-icon 图标，包含了绝大多数的字体图标，灵活的各种配置满足各种场景

## Props

<!-- @vuese:fine-icon:props:start -->
|Name|Description|Type|Required|Default|
|---|---|---|---|---|
|name|图标名称|`String`|`false`|`-`|
|size|图标大小|`String | Number`|`false`|`32`|
|color|图标颜色|`String`|`false`|`-`|
|width|图标宽度，`text`为空时生效|`String | Number`|`false`|`-`|
|height|图标高度，`text`为空时生效|`String | Number`|`false`|`-`|
|radius|图标圆角值|`String | Number`|`false`|`-`|
|weight|图标粗细|`String`|`false`|`-`|
|margin|图标外边距|`String | Number`|`false`|`-`|
|padding|图标内边距|`String | Number`|`false`|`-`|
|params|自定义事件参数，会通过click事件回传|`String | Number`|`false`|`-`|
|customPrefix|自定义图标前缀|`String`|`false`|`fineicon`|
|text|图标文本|`String | Number`|`false`|`-`|
|textPosition|图标文本位置|`'top' | 'right' | 'bottom' | 'left'`|`false`|`right`|
|textSize|图标文本字体大小|`String | Number`|`false`|`24`|
|textWeight|图标文本粗细|`String`|`false`|`-`|
|textColor|图标文本颜色|`String`|`false`|`-`|
|textSpace|图标文本与图标的间隔|`String | Number`|`false`|`6`|
|imageMode|图片图标的显示模式|`String`|`false`|`scaleToFill`|
|imageWidth|图片图标宽度，为空则和`size`同样宽度|`String | Number`|`false`|`-`|
|imageHeight|图片图标高度，为空则和`size`同样高度|`String | Number`|`false`|`-`|
|background|图标整体背景属性|`String`|`false`|`-`|
|unit|组件整体显示单位|`'rpx' | 'px'`|`false`|`rpx`|
|theme|组件主题，支持自定义|`'light' | 'dark'`|`false`|`light`|
|customStyle|组件自定义样式|`String | Object`|`false`|`-`|

<!-- @vuese:fine-icon:props:end -->


## Events

<!-- @vuese:fine-icon:events:start -->
|Event Name|Description|Parameters|
|---|---|---|
|click|图标点击事件|`params` 自定义参数|

<!-- @vuese:fine-icon:events:end -->


## Slots

<!-- @vuese:fine-icon:slots:start -->
|Name|Description|Default Slot Content|
|---|---|---|
|default|默认插槽|-|

<!-- @vuese:fine-icon:slots:end -->


## MixIns

<!-- @vuese:fine-icon:mixIns:start -->
|MixIn|
|---|
|undefined|

<!-- @vuese:fine-icon:mixIns:end -->