首頁 > web前端 > uni-app > uniapp如何使用圖標

uniapp如何使用圖標

coldplay.xixi
發布: 2023-01-13 00:44:16
原創
9158 人瀏覽過

uniapp使用圖示的方法:先將需要的圖示加入購物車,並下載到本地【解壓縮放到專案中去】;然後在m【ain.js】裡面引入;最後在頁面中直接透過樣式類別名稱使用即可。

uniapp如何使用圖標

本教學操作環境:windows7系統、uni-app2.5.1版本,Dell G3電腦。

推薦(免費):uni-app開發教學

uniapp使用圖示的方法:

1、把你需要的小圖示加入購物車

uniapp如何使用圖標

#2、點擊購物車把小圖示【加入商品】

uniapp如何使用圖標

3、最後下載到本地【解壓縮放到專案中】

uniapp如何使用圖標

4、如下:

uniapp如何使用圖標

5、在main.js裡面引入

import './style/iconfont.css'
登入後複製

6、最後就是在頁面中直接透過樣式類別名稱使用

<text class="iconfont icon-saoyisao"></text>
登入後複製

相關免費學習推薦:程式設計影片

以上是uniapp如何使用圖標的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板