FhUISearch...
Button 按钮 #
常用的操作按钮。
基础用法 #
基础的按钮用法。
使用
type、plain、round 和 circle 属性来定义 Button 的样式。<template>
<f-button>默认按钮</f-button>
<f-button type="primary">主要按钮</f-button>
<f-button type="success">成功按钮</f-button>
<f-button type="info">信息按钮</f-button>
<f-button type="warning">警告按钮</f-button>
<f-button type="danger">危险按钮</f-button>
</template>
显示代码
复制代码片段
不同尺寸 #
提供三种不同尺寸的按钮。
<f-button>默认按钮</f-button>
<f-button type="primary">主要按钮</f-button>
<f-button type="success">成功按钮</f-button>
<f-button type="info">信息按钮</f-button>
<f-button type="warning">警告按钮</f-button>
<f-button type="danger">危险按钮</f-button>
显示代码
复制代码片段
加载中 #
点击按钮进行数据加载操作，在按钮上面显示加载状态。
<f-button>默认按钮</f-button>
<f-button type="primary">主要按钮</f-button>
<f-button type="success">成功按钮</f-button>
<f-button type="info">信息按钮</f-button>
<f-button type="warning">警告按钮</f-button>
<f-button type="danger">危险按钮</f-button>
显示代码
复制代码片段
Attributes #
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| size | 尺寸 | string | large / small / mini | default |
| type | 类型 | string | primary / success / warning / info / danger / text | primary |
| loading | 加载中 | boolean | — | false |