uni-app原生top导航的使用

uni-app原生导航除了可以设置文字之外，还可以设置左右图标。

例如这样的：

top导航

图标我们可以使用阿里巴巴矢量图标库中的图标。

在阿里巴巴矢量图标可以搜索到我们想要的图标之后，加入一个项目里面，然后打包下载

下载图标

然后我们把这个文件夹里面的iconfont.ttf文件拷贝到项目中的static文件夹下面

接着，我们在pages.json里面去做我们的导航栏配置。

pages.json

在这里我配置了H5端和app端的。你也可以只设置一种。

float：left代表左侧的图标，right代表右侧图标。

在页面上，如果我们需要给图标加上事件，可以这么写。

导航 图标的点击事件

这样基本上就完事儿了。