苏飞论坛

标题: element ui-Button 按钮（四）图标按钮 [打印本页]

---

作者: xyc    时间: 2021-9-8 16:44
标题: element ui-Button 按钮（四）图标按钮
       上篇文章说到了element按钮的文字按钮样式用法，下面来说下图标按钮的样式。


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


       效果：


       (, 下载次数: 11)

上传

点击文件名下载附件
       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>

---

欢迎光临 苏飞论坛 (http://www.sufeinet.com/)

Powered by Discuz! X3.4