uni-app原生top導航的使用

uni-app原生導航除了可以設置文字之外,還可以設置左右圖標。

例如這樣的:


圖標我們可以使用阿里巴巴矢量圖標庫中的圖標。

在阿里巴巴矢量圖標可以搜索到我們想要的圖標之後,加入一個項目裏面,然後打包下載

然後我們把這個文件夾裏面的iconfont.ttf文件拷貝到項目中的static文件夾下面

接着,我們在pages.json裏面去做我們的導航欄配置。


在這裏我配置了H5端和app端的。你也可以只設置一種。

float:left代表左側的圖標,right代表右側圖標。

在頁面上,如果我們需要給圖標加上事件,可以這麼寫。


這樣基本上就完事兒了。

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