我们需要使用到HBuilder X 和 微信开发者工具
首先,在微信开发者工具,创建小程序,在AppID点击测试号
在HBuilder X界面找到manifest.json,选择微信小程序配置
将我们在AppID获取的字符串粘贴到这里,下面有非必选选项,根据自己要求选择
在左侧文件pages,右击文件选择新建页面
在这里我创建了四个文件,充当底部导航,找到pages.json文件
我们可以看到,创建文件后,代码路径已自动配置完成
接下来我们要进行对底部导航的编码,具体详情可参考
https://uniapp.dcloud.io/collocation/pages?id=tabbar
pages:必填,设置页面路径及窗口表现
globalStyle:非必填,设置页面窗口表现
tabBar:非必填,设置底部tab表现
下面是显示效果
至此底部导航完毕,且实现切换效果