element ui-Button 按钮（七）不同尺寸样式

xyc

       上篇文章说到了element按钮的加载中样式用法，下面来说下不同尺寸的样式。


        实现方法：Button 组件提供除了默认值以外的三种尺寸，可以在不同场景下选择合适的按钮尺寸。
                         额外的尺寸：medium、small、mini，通过设置size属性来配置。


        效果：
        


        HTML代码：
        

[HTML] 纯文本查看 复制代码

<el-row>
  <el-button>默认按钮</el-button>
  <el-button size="medium">中等按钮</el-button>
  <el-button size="small">小型按钮</el-button>
  <el-button size="mini">超小按钮</el-button>
</el-row>
<el-row>
  <el-button round>默认按钮</el-button>
  <el-button size="medium" round>中等按钮</el-button>
  <el-button size="small" round>小型按钮</el-button>
  <el-button size="mini" round>超小按钮</el-button>
</el-row>