element ui增加自定義圖標

1.到https://www.iconfont.cn建立自己的圖標庫,并下載。
2.將下載到的iconfont.js引入到自己的項目:import 'icon/myicon/iconfont';
3.定義全局樣式:

    <style>
    .icon {
      width: 1em;
      height: 1em;
      vertical-align: -0.15em;
      fill: currentColor;
      overflow: hidden;
    }
    </style>

4.使用:
比如我用在button里面:

                <el-button size="mini" type="success" @click="export_excel" icon="my-icon-excel">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#my-icon-excel"></use>
                    </svg>導出 Excel
                </el-button>
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容