中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Vue中使用ElementUI使用第三方圖標庫iconfont的示例

發布時間:2020-10-07 15:34:19 來源:腳本之家 閱讀:309 作者:無雙孟堂 欄目:web開發

1.在http://www.iconfont.cn/阿里巴巴圖標庫添加圖標到自己項目中,然后點擊更多項目中的編輯項目

Vue中使用ElementUI使用第三方圖標庫iconfont的示例

2.修改前綴為el-icon-xxx,xxx自定義,然后將項目下載自本地

Vue中使用ElementUI使用第三方圖標庫iconfont的示例Vue中使用ElementUI使用第三方圖標庫iconfont的示例

3.將這5個文件放入到項目文件中,將iconfont.css引入到Vue項目中,

然后修改iconfont.css的.iconfont處,將其修改為下圖所示

Vue中使用ElementUI使用第三方圖標庫iconfont的示例

4.修改iconfont.css后,大致如下圖所示

Vue中使用ElementUI使用第三方圖標庫iconfont的示例

5.最后就可以采用icon相同方式引入圖標,如下圖方式引用即可

Vue中使用ElementUI使用第三方圖標庫iconfont的示例

注意:如果修改前綴為el-icon引入,可能會導致與element-ui的icon沖突導致顯示異常。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

霍州市| 靖边县| 云浮市| 彭山县| 沭阳县| 涟源市| 上饶市| 吉林市| 叶城县| 奎屯市| 永州市| 鄂尔多斯市| 嵩明县| 巢湖市| 乌恰县| 长宁区| 丰都县| 固镇县| 高州市| 韩城市| 潞西市| 河北省| 满城县| 调兵山市| 逊克县| 苏州市| 宜春市| 孝昌县| 邵东县| 开远市| 洪湖市| 长乐市| 陵川县| 札达县| 沅江市| 陈巴尔虎旗| 吐鲁番市| 全南县| 航空| 商丘市| 准格尔旗|