微信小程序新手教程window配置tabBar底部导航

微信小程序新手教程window配置tabBar底部导航,本篇默认已经成功安装微信小程序工具,来和小编一起看看吧
一:HelloWeApp
【微信小程序新手教程window配置tabBar底部导航】新建项目

微信小程序新手教程window配置tabBar底部导航

文章插图
AppID查看公众开发平台设置查看(https://mp.weixin.qq.com)
微信小程序新手教程window配置tabBar底部导航

文章插图
项目名称随意填写
本地开发项目: 新建一个空的文件夹勾线当前会生成一个项目
打开项目
微信小程序新手教程window配置tabBar底部导航

文章插图
更详细的说多了也没啥意义看的简易教程非常详细!
https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1474644089807
二:window配置
微信小程序新手教程window配置tabBar底部导航

文章插图
window用于设置小程序的状态栏、导航条、标题、窗口背景色 。注意在app.json中配置的属性会被子window属性覆盖
微信小程序新手教程window配置tabBar底部导航

文章插图
只需在app.json配置即可
微信小程序新手教程window配置tabBar底部导航

文章插图
三:tabBar底部导航
tabBar相对而言用的还是比较多的,但是用起来并没有难,在app.json中配置下tabBar即可,注意tabBar至少需要两个最多五个Item选项
主要属性:
对于tabBar整体属性设置:
微信小程序新手教程window配置tabBar底部导航

文章插图
对于tabBar中每个Item属性设置:
微信小程序新手教程window配置tabBar底部导航

文章插图
下面是一张图对tabBar描述:
微信小程序新手教程window配置tabBar底部导航

文章插图
app.json的配置相对就简单了:
微信小程序新手教程window配置tabBar底部导航

文章插图
四:应用生命周期
微信小程序新手教程window配置tabBar底部导航

文章插图
App() 函数用来注册一个小程序,注意必须在 app.js 中注册,且不能注册多个 。
使用方式也跟Android 中的Application中初始化一些全局信息以供使用 。
方法:
微信小程序新手教程window配置tabBar底部导航

文章插图
应用生命周期代码:
微信小程序新手教程window配置tabBar底部导航

文章插图

    推荐阅读