element ui-Button 按钮（四）图标按钮

xyc

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


       实现方法：设置icon属性即可，icon 的列表可以参考 Element 的 icon 组件，也可以设置在文字右边的 icon ，只要使用i标签即可，可以使用自定义图标


       效果：


      
       HTML代码：
      
      

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

<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 type="primary" icon="el-icon-search">搜索</el-button>
<el-button type="primary">上传<i class="el-icon-upload el-icon--right"></i></el-button>