Button 按钮
常用的操作按钮。
基础用法
基础的按钮用法。
<template>
<div class="md-4">
<LiButton>测试</LiButton>
<LiButton type="primary">主要</LiButton>
<LiButton type="success">成功</LiButton>
<LiButton type="danger">危险</LiButton>
<LiButton type="warning">警告</LiButton>
<LiButton type="info">信息</LiButton>
</div>
</template>
无装饰
无装饰的按钮用法。
<template>
<div class="md-4">
<LiButton plain>测试</LiButton>
<LiButton type="primary" plain>主要</LiButton>
<LiButton type="success" plain>成功</LiButton>
<LiButton type="danger" plain>危险</LiButton>
<LiButton type="warning" plain>警告</LiButton>
<LiButton type="info" plain>信息</LiButton>
</div>
</template>
圆角
圆角的按钮用法。
<template>
<div class="md-4">
<LiButton round>测试</LiButton>
<LiButton type="primary" round>主要</LiButton>
<LiButton type="success" round>成功</LiButton>
<LiButton type="danger" round>危险</LiButton>
<LiButton type="warning" round>警告</LiButton>
<LiButton type="info" round>信息</LiButton>
</div>
</template>
Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
type | 类型 | string | default / primary / success / warning / info / danger | default |
disabled | 禁用状态 | boolean | true / false | false |
round | 圆角 | boolean | true / false | false |
plain | 无装饰 | boolean | true / false | false |