Skip to content

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>

不同尺寸

提供三种不同尺寸的按钮。

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>

Attributes

参数说明类型可选值默认值
size尺寸stringlarge / small / minidefault
type类型stringprimary / ghost / dashed / link / text / defaultprimary

Released under the MIT License.