uniapp中如何使用iconfont

進入阿里矢量圖標庫將你要用的圖標添加入庫
在這裏插入圖片描述

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

輸入項目名稱點擊確定

在這裏插入圖片描述
將下載至本地的壓縮包內的.css文件裏面的內容複製到uniapp中
在這裏插入圖片描述
在這裏插入圖片描述

將劃紅線的全部刪除

在這裏插入圖片描述

把最後面的逗號換成分號

在這裏插入圖片描述

使用圖標字體

小的,不紅的圖標爲原 ’ 圖標 ’
大的,紅的圖標是加了字體樣式的 ’ 圖標 ’
在這裏插入圖片描述

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