tabbar角标 小程序_微信小程序 | window 配置，tabBar 底部导航，应用生命周期 ......

    上节在基本了解微信小程序的定义和特征后，我们进一步细化了解！

本篇默认已经成功安装微信小程序工具

一：Hello WeApp

新建项目

• AppID 查看公众开发平台设置查看(https://mp.weixin.qq.com)

• 项目名称随意填写

• 本地开发项目：新建一个空的文件夹勾线当前会生成一个项目打开项目

更详细的说多了也没啥意义看官网的简易教程非常详细！

https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1474644089807

二window 配置

window 用于设置小程序的状态栏、导航条、标题、窗口背景色。注意在 app.json 中配置的属性会被子 window 属性覆盖

只需在 app.json 配置即可

三abBar 底部导航

tabBar 相对而言用的还是比较多的，但是用起来并没有难，在 app.json 中配置下 tabBar 即可，注意 tabBar 至少需要两个最多五个 Item 选项主要属性：

对于 tabBar 整体属性设置：

对于 tabBar 中每个 Item 属性设置：

下面是官网一张图对 tabBar 描述：

app.json 的配置相对就简单了：

四应用生命周期

App() 函数用来注册一个小程序，注意必须在 app.js 中注册，且不能注册多个。使用方式也跟 Android 中的 Application 中初始化一些全局信息以供使用。方法：

应用生命周期代码：