微信小程序怎么添加底部菜单按钮

时间:2024-03-27 22:50:53

继续微信小程序方面的教程,今天讲怎么在空白的小程序页面添加几个类似菜单的按钮,实现点击某个按钮跳转到对应界面,而不是单单局限于一个页面。

需要什么:

  • 微信小程序账户

  • 电脑一台

  • 电脑安装微信开发者工具软件

不懂可以参考文章:


开始操作:

1:打开电脑浏览器打开输入“微信公众平台”,登陆注册好的微信小程序账户。

微信小程序怎么添加底部菜单按钮


2:桌面新建一个文本文档,将Appid复制到文本文档保存(如果不知道文本文档是什么请关闭电脑),省的每次都需要登陆查看。

微信小程序怎么添加底部菜单按钮

微信小程序怎么添加底部菜单按钮


3:打开安装好的“微信开发者工具“,扫码登陆账户。

微信小程序怎么添加底部菜单按钮


4:新建或者打开原来的项目

微信小程序怎么添加底部菜单按钮


5:需要在app.json中添加代码,即可实现底部菜单的添加

微信小程序怎么添加底部菜单按钮


6:每个菜单按钮都需要两个图标图片。

微信小程序怎么添加底部菜单按钮


7:需要将图标图片保存到新建的目录中,选择右上角的详情,打开本地目录打开

微信小程序怎么添加底部菜单按钮


8:新建一个images目录,将图标素材复制到里面

微信小程序怎么添加底部菜单按钮

微信小程序怎么添加底部菜单按钮

素材下载地址:

剩余70%内容付费后可查看
其余部分为付费内容,支付后可查看
关注麻木博客微信公众号免费查看文章