antd 項目中使用iconfont圖標

想在antd design項目中使用阿里圖標圖標

使用方式和在普通項目中的使用方法一樣,

如果你只是自己在阿里圖標庫中自己找個圖標使用 首先進入阿里圖標首頁, 搜索你想要的icon

在這裏插入圖片描述

在這裏插入圖片描述
點擊右上角 購物出, 下載代碼
在這裏插入圖片描述

如果你有自己的項目
在這裏插入圖片描述

下載代碼到本地以後 解壓

在這裏插入圖片描述

把當前這六個文件複製到項目中

在這裏插入圖片描述
記得修改iconfont.css文件的前綴路徑
然後在全局的less文件中引用iconfont.css文件

如果還不出來 就查看有沒有樣式等, 可能還需要把.iconfont.css中的 iconfont的樣式複製要你引用的less文件中

然後使用<span class="iconfont">&#x33;</span>
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章