這段時間因為老師要求,要做一個小程式,所以開始學一下uni-app開發,以后我會把我學的東西都發出來,現在寫一下關于引入阿里云矢量圖示庫的方法
添加圖示
首先去官網選擇你喜歡的圖示

你可以在這搜索你想要的圖示,選擇好之后便把他添加到紅色小車里

然后選擇添加至專案(沒有的可以自己建一個)

添加圖示
進去我的專案之后,將下面的鏈接在瀏覽器打開,

在Hbuilder中你創建的專案里新建一個css檔案,將剛剛在瀏覽器打開的樣式復制進去:

接下來就在App.vue中引入:

然后在布局中使用:
<icon class="iconfont icon-shouye"></icon>
上面的“icon-shouye”是圖示的名字
這樣結果就出來啦:

最后說一下,學了幾天,感覺uni-app有點坑,可能是因為小眾,所以有啥問題網上很少有解決方法,就比如這個引入圖示的,我出了一個問題,網上找了好久都沒找到,最后還是看視頻找到了錯誤,
在引入圖示還有一個坑就是,之前我是把圖示下載到本地的,然而小程式不能使用本地圖示,所以只能是直接參考在線連接了,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/168810.html
標籤:其他

