聯系我們 - 廣告服務 - 聯系電話：
您的當前位置： > 關注 > > 正文

全球簡訊:在阿里巴巴圖標庫創建自己的工程 并導入第三方圖標

來源：CSDN 時間：2023-03-16 07:48:13

1.在阿里巴巴圖標庫創建自己的工程，并導入需要的圖標放入項目

2.下載項目至本地

下載解壓后，我們只需要把除開demo的文件放進自己的前端項目


(資料圖)

在assets目錄下創建icon目錄放入

3.修改iconfont.css文件

插入代碼

[class^="el-icontp-"], [class*="el-icontp-"] {  font-family:"fontFamily" !important;  /* 以下內容參照第三方圖標庫本身的規則 */  font-size: 18px;  font-style:normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

4.引用第三方圖標

我們在main.js文件中導入iconfont.css 就可以使用第三方圖標庫了

在項目中使用圖標方式 如 我的圖標全稱為el-icontp-addition

class屬性

新增群組

責任編輯：

標簽：

相關推薦：

精彩放送：

新聞聚焦
Top 岛国精品在线