简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > 微信小程序 > 小程序开发 > 正文

微信小程序怎么实现底部导航

angryTom
发布： 2020-03-23 17:10:54
原创
4931 人浏览过

微信小程序怎么实现底部导航

微信小程序怎么实现底部导航

微信小程序实现底部导航的实现方法如下：

1、首先打开自己的项目，在项目中找到根目录下的app.json文件，打开编辑

微信截图_20200323170416.png

2、然后我们只需要在原有的文件里添加一个tabBar节点

推荐学习：小程序开发

微信截图_20200323170428.png

3、我们可以把里面的信息换成自己的实际的文字、图片、页面路径，其中

text： 显示的名字

pagePath: 点击跳转的路径

iconPath: 小图标的图片地址

selectedIconPath: 选中后的图标地址

把对应的参数都填完之后我们就大功告成了，赶紧保存一下看看效果吧

以上是微信小程序怎么实现底部导航的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
小程序 底部导航 微信
来源：php.cn
上一篇：怎么查小程序词注没注册 下一篇：微信小程序怎么设置页面渐变
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
如何解决问题：'无法加载资源：net::ERR_CONNECTION_REFUSED http://localhost:8989/route?.....” 我的程序有问题。这是一个关于地理信息系统的程序，使用了LeatlefJs库，我还使用了letlef路由机功能。问题是系统无法显示它应该能够显示的路线，我不太明白。这是脚本。func...
来自于 2023-11-12 19:34:27
0
1
244
无法使用 3 个可能的身份验证器通过用户名'phptest01072003@gmail.com”在 SMTP 服务器上进行身份验证 无法使用3个可能的身份验证器在SMTP服务器上使用用户名“phptest01072003@gmail.com”进行身份验证。身份验证器登录返回预期响应代码235，但收到代码“535...
来自于 2023-11-09 23:58:07
0
1
311
Nuxt.js：窗口未定义 apexcharts/vue-apexcharts 我从apexcharts.com添加了这个简单的示例。很确定导入是正确的。我没有在任何地方引用窗口。添加此文件时，我的整个应用程序就停止了。我相信这与SSR或Nuxt配置有关。&l...
来自于 2023-11-09 22:07:08
0
2
217
解决Laravel-8中尝试在null上读取属性"id"的问题 运行时出现此错误phpartisanmigrate:fresh--seed此命令将在MySQL数据库中创建表，并将数据库详细信息DB_DATABASE填充到.env文件中。pare...
来自于 2023-11-08 14:07:01
0
2
155
尝试安装 Laravel Breeze 时遇到 Laravel Mix 错误 我正在尝试在我的新Laravel应用程序中安装LaravelBreeze。一切都工作正常，但是当在控制台中输入npmrundev时，我不断收到此错误：子编译中存在3个警告（分别使用...
来自于 2023-11-07 23:05:02
0
1
299
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！