sf-text-button 矢量图标组件
sf-text-button 介绍
1.提供了一个文本类型的按钮
2.默认为primary的文本按钮
3.如果要用红色的文本按钮，只需传入danger属性
sf-text-button Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| icon | 按钮中图标类名 | String | — | — |
| size | 按钮尺寸 | String | — | — |
| disabled | 是否禁用状态 | Boolean | — | — |
| loading | 是否加载中状态 | Boolean | — | — |
| danger | 按钮颜色是否为红色 | Boolean | — | — |
sf-text-button Events
| 事件名 | 说明 | 参数 |
|---|---|---|
| click | 按钮被点击时触发 | event |
sf-text-button 组件使用
<template>
<div>
<!-- 编辑 -->
<sf-text-button>
编辑
</sf-text-button>
<!-- 删除 -->
<sf-text-button
danger
>
删除
</sf-text-button>
<!-- 重置密码 -->
<sf-text-button>
重置密码
</sf-text-button>
</div>
</template>
页面显示效果
