element ui-Button 按钮（五）按钮组

xyc

       上篇文章说到了element按钮的图标按钮样式用法，下面来说下按钮组的样式。


        实现方法：使用<el-button-group>标签来嵌套你的按钮。


        效果：
        


       HTML代码：
      

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

<el-button-group>
  <el-button type="primary" icon="el-icon-arrow-left">上一页</el-button>
  <el-button type="primary">下一页<i class="el-icon-arrow-right el-icon--right"></i></el-button>
</el-button-group>
<el-button-group>
  <el-button type="primary" icon="el-icon-edit"></el-button>
  <el-button type="primary" icon="el-icon-share"></el-button>
  <el-button type="primary" icon="el-icon-delete"></el-button>
</el-button-group>