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

原创 麻木  2019-09-18 22:36:13  阅读 292 次 评论 2 条

麻木博客
麻木博客
摘要:

效果图:

image.png


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

需要什么:

  • 微信小程序账户

  • 电脑一台

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

不懂可以参考文章:


开始操作:

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

image.png


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

image.png

image.png


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

image.png


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

image.png


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

image.png


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

image.png


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

image.png


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

image.png

image.png

素材下载地址:

剩余70%内容付费后可查看
本文地址:https://www.mamublog.cn/post/72.html
版权声明:本文为原创文章,版权归 麻木 所有,欢迎分享本文,转载请保留出处!

站点广告专区

麻木博客

发表评论


表情

评论列表

  1. 麻木站长
    麻木站长  @回复

    欢迎留言!

  2. xt
    xt  @回复

    电商专用快递网站www.dh5u.com单号无忧