文章目录

• 声明
• App.json 文件代码编写
• • Windows 代码编写
  • Page 代码编写
  • 底部触摸栏代码编写

声明

1）该文章部分内容整理自 上的资料，如不小心侵犯了大家的权益，还望海涵，并联系博主删除。

2）博主是萌新上路，文中如有不当之处，请各位大佬指出，共同进步，谢谢。
 

App.json 文件代码编写

新建一个小程序，打开，如下图所示 ，

Page 代码编写

初始化的对象中会有两行代码，代表了两个路径，

微信小程序所有页面的路径都将呈现在这里，目前小程序只有两个页面，即和，

在最下方，我们可以看见当前页面是页面，

可以发现，这个页面的导航栏标题叫查看启动日志，而不是像第一个页面的Weixin，

这里说明一下，我们在的对象中定义的属性是全部页面通用的，如果想对某些页面进行特定的修改，可以在该页面所属的文件中加入语句，比如上图的代码，

底部触摸栏代码编写

找到小程序所在的文件夹，创建一个文件夹，

然后在中定义一个新对象，加入如下代码，

其中，

就是用户点击之后要跳转的页面的路径，

就是底部图标的路径，

就是选中之后更换图标样式的该图标的路径，

最后的预览如下图，

显而易见，相较之前，底部多了一个触摸栏，而且点击不同的页面，显示的图标也是不一样的…

文章知识点与官方知识档案匹配，可进一步学习相关知识小程序技能树首页概览3681 人正在系统学习中