uni-app原生導航除了可以設置文字之外,還可以設置左右圖標。
例如這樣的:
圖標我們可以使用阿里巴巴矢量圖標庫中的圖標。
在阿里巴巴矢量圖標可以搜索到我們想要的圖標之後,加入一個項目裏面,然後打包下載
然後我們把這個文件夾裏面的iconfont.ttf文件拷貝到項目中的static文件夾下面
接着,我們在pages.json裏面去做我們的導航欄配置。
在這裏我配置了H5端和app端的。你也可以只設置一種。
float:left代表左側的圖標,right代表右側圖標。
在頁面上,如果我們需要給圖標加上事件,可以這麼寫。
這樣基本上就完事兒了。