# fine-alert

fine-alert 警告提示，管理端用的挺多的，移动端没怎么用过，支持颜色、图标、文字自定义插槽

## Props

<!-- @vuese:fine-alert:props:start -->
|Name|Description|Type|Required|Default|
|---|---|---|---|---|
|type|警告提示类型|`'default' | 'success' | 'warning' | 'error' | 'info'`|`false`|`default`|
|title|警告提示标题|`String`|`false`|`-`|
|titleSize|警告提示标题文字大小|`String | Number`|`false`|`28`|
|titleColor|警告提示标题文字颜色|`String`|`false`|`-`|
|titleWeight|警告提示标题文字粗细|`String`|`false`|`-`|
|desc|警告提示描述|`String`|`false`|`-`|
|descSize|警告提示描述文字大小|`String | Number`|`false`|`24`|
|descColor|警告提示描述文字颜色|`String`|`false`|`-`|
|descWeight|警告提示描述文字粗细|`String`|`false`|`-`|
|descEllipsis|警告提示描述文字是否超出一行显示省略号|`Boolean`|`false`|`false`|
|radius|警告提示圆角值|`String | Number`|`false`|`12`|
|padding|警告提示内边距|`String | Number`|`false`|`20`|
|marginTop|警告提示顶部外边距|`String | Number`|`false`|`-`|
|marginBottom|警告提示底部外边距|`String | Number`|`false`|`-`|
|background|警告提示底部外边距|`String`|`false`|`-`|
|transitionMode|警告提示显示和隐藏过渡动画模式|`'fade' | 'zoom' | 'fade-zoom' | 'fade-up' | 'fade-down' | 'fade-left' | 'fade-right' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right'`|`false`|`fade`|
|transitionDuration|警告提示显示和隐藏过渡动画持续时间|`String | Number`|`false`|`300`|
|icon|警告提示图标，默认根据类型自动显示|`String`|`false`|`-`|
|showIcon|警告提示图标是否显示|`Boolean`|`false`|`true`|
|iconSize|警告提示图标大小|`String | Number`|`false`|`44`|
|iconColor|警告提示图标颜色|`String`|`false`|`-`|
|iconWeight|警告提示图标粗细|`String`|`false`|`-`|
|closable|警告提示是否显示关闭按钮|`Boolean`|`false`|`false`|
|closeSize|警告提示关闭按钮大小|`String | Number`|`false`|`44`|
|closeColor|警告提示关闭按钮颜色|`String`|`false`|`-`|
|closeWeight|警告提示关闭按钮字体粗细|`String`|`false`|`-`|
|unit|组件整体显示单位|`'rpx' | 'px'`|`false`|`rpx`|
|theme|组件主题，支持自定义|`'light' | 'dark'`|`false`|`light`|
|customStyle|组件自定义样式|`String | Object`|`false`|`-`|

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


## Events

<!-- @vuese:fine-alert:events:start -->
|Event Name|Description|Parameters|
|---|---|---|
|click|-|-|
|close|-|-|
|clickClose|-|-|
|click-close|-|-|

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


## Slots

<!-- @vuese:fine-alert:slots:start -->
|Name|Description|Default Slot Content|
|---|---|---|
|icon|图标内容插槽|-|
|title|标题内容插槽|-|
|desc|描述内容插槽|-|
|close|关闭按钮插槽|-|

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


## MixIns

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

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