uni-app原生导航除了可以设置文字之外，还可以设置左右图标。
例如这样的：
top导航
图标我们可以使用阿里巴巴矢量图标库中的图标。
在阿里巴巴矢量图标可以搜索到我们想要的图标之后，加入一个项目里面，然后打包下载
下载图标
然后我们把这个文件夹里面的iconfont.ttf文件拷贝到项目中的static文件夹下面
接着，我们在pages.json里面去做我们的导航栏配置。
pages.json
在这里我配置了H5端和app端的。你也可以只设置一种。
float：left代表左侧的图标，right代表右侧图标。
在页面上，如果我们需要给图标加上事件，可以这么写。
导航
图标的点击事件
这样基本上就完事儿了。
uni-app原生导航除了可以设置文字之外，还可以设置左右图标。 例如这样的： 图标我们可以使用阿里巴巴矢量图标库...
小程序中常用配置 使用uni-app进行开发只需将原生wx换成uni即可 下拉刷新： 底部导航栏配置： 监听用户下...
学习了一周多uni-app，上一周主要是开发原生插件给uni-app调用。本周开始学习怎么使用uni-app写页面...
uni-app开发原生插件 公司用uni-app开发的h5程序，然后使用云打包的方式生成包。需要使用支付宝的原...
uni-app中使用iOS插件 报错 当前运行的基座不包含原生插件[TSTestUniPlugin-TestMod...
文章主要介绍： 框架 开发工具 原生微信小程序的目录结构 原生微信小程序的基本写法（装修中） 使用uni-app开...
uni-app的使用： 基础部分：-环境搭建-页面外观配置-数据绑定-生命周期-组件-条件注释跨域兼容-事件-导航...
小程序原生顶部导航栏 （1）在app.json中全局设置 （2）在单个页面的json中设置 在使用原生导航栏时，跳...
在uni-app直接使用 h5+ 的api是做不到的，他会调用原生相机，原生相机上无法添加任何东西 一、思路 经过...
1、使用原生JS获取一个Element的高宽，相对于视窗的top值，相对于document的top值 ...
本文标题：uni-app原生top导航的使用
本文链接：https://www.haomeiwen.com/subject/pnlhqktx.html
网友评论