Appearance
Button 按钮
按钮用于开始一个即时操作。
基础用法
基础的按钮用法。
Show Code
vue
<template>
<d-button>默认按钮</d-button>
<d-button type="primary">主要按钮</d-button>
<d-button type="success">成功按钮</d-button>
<d-button type="info">信息按钮</d-button>
<d-button type="warning">警告按钮</d-button>
<d-button type="danger">危险按钮</d-button>
</template>
<template>
<d-button>默认按钮</d-button>
<d-button type="primary">主要按钮</d-button>
<d-button type="success">成功按钮</d-button>
<d-button type="info">信息按钮</d-button>
<d-button type="warning">警告按钮</d-button>
<d-button type="danger">危险按钮</d-button>
</template>
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
不同尺寸
提供三种不同尺寸的按钮。
Show Code
vue
<template>
<d-button>默认按钮</d-button>
<d-button size="small">主要按钮</d-button>
<d-button size="large">成功按钮</d-button>
</template>
<template>
<d-button>默认按钮</d-button>
<d-button size="small">主要按钮</d-button>
<d-button size="large">成功按钮</d-button>
</template>
1
2
3
4
5
2
3
4
5
Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
size | 尺寸 | string | large / small / mini | default |
type | 类型 | string | primary / ghost / dashed / link / text / default | primary |