20180305-button

最新推荐文章于 2024-09-11 16:43:17 发布

qq_27898053

最新推荐文章于 2024-09-11 16:43:17 发布

阅读量303

点赞数

本文链接：https://blog.youkuaiyun.com/qq_27898053/article/details/79452140

版权

本文详细介绍了 Element UI 中各种样式的按钮组件，包括默认按钮、主要按钮、成功按钮、信息按钮、警告按钮及危险按钮等。此外还展示了朴素按钮和平圆按钮的不同风格，为前端开发者提供了丰富的设计选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div>
  <el-button>默认按钮</el-button>
  <el-button type="primary">主要按钮</el-button>
  <el-button type="success">成功按钮</el-button>
  <el-button type="info">信息按钮</el-button>
  <el-button type="warning">警告按钮</el-button>
  <el-button type="danger">危险按钮</el-button>
</div>

<div style="margin: 20px 0">
  <el-button plain>朴素按钮</el-button>
  <el-button type="primary" plain>主要按钮</el-button>
  <el-button type="success" plain>成功按钮</el-button>
  <el-button type="info" plain>信息按钮</el-button>
  <el-button type="warning" plain>警告按钮</el-button>
  <el-button type="danger" plain>危险按钮</el-button>
</div>

<div>
  <el-button round>圆形按钮</el-button>
  <el-button type="primary" round>主要按钮</el-button>
  <el-button type="success" round>成功按钮</el-button>
  <el-button type="info" round>信息按钮</el-button>
  <el-button type="warning" round>警告按钮</el-button>
  <el-button type="danger" round>危险按钮</el-button>
</div>