微信小程序新手教程window配置tabBar底部导航,本篇默认已经成功安装微信小程序工具,来和小编一起看看吧
一:HelloWeApp
【微信小程序新手教程window配置tabBar底部导航】新建项目
文章插图
AppID查看公众开发平台设置查看(https://mp.weixin.qq.com)
文章插图
项目名称随意填写
本地开发项目: 新建一个空的文件夹勾线当前会生成一个项目
打开项目
文章插图
更详细的说多了也没啥意义看的简易教程非常详细!
https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1474644089807
二:window配置
文章插图
window用于设置小程序的状态栏、导航条、标题、窗口背景色 。注意在app.json中配置的属性会被子window属性覆盖
文章插图
只需在app.json配置即可
文章插图
三:tabBar底部导航
tabBar相对而言用的还是比较多的,但是用起来并没有难,在app.json中配置下tabBar即可,注意tabBar至少需要两个最多五个Item选项
主要属性:
对于tabBar整体属性设置:
文章插图
对于tabBar中每个Item属性设置:
文章插图
下面是一张图对tabBar描述:
文章插图
app.json的配置相对就简单了:
文章插图
四:应用生命周期
文章插图
App() 函数用来注册一个小程序,注意必须在 app.js 中注册,且不能注册多个 。
使用方式也跟Android 中的Application中初始化一些全局信息以供使用 。
方法:
文章插图
应用生命周期代码:
文章插图
推荐阅读
- OPPO手机热点如何打开 OPPO手机热点打开教程
- 沐猴而冠怎么造句,沐猴而冠成语造句
- 5岁孩子性格怎么培养 5岁孩子性格如何培养
- 阳台养花该注意些什么 阳台养花该注意些什么事项
- pd快充为什么必须typec pd快充为什么要typec
- 买牙膏要注意什么
- Win11安卓子系统卡顿严重怎么办 Win11安卓子系统卡顿的解决方法
- 2022年浙江养老金调整细则公布了吗?浙江养老金调整方案2022年最新消息参考2021
- 未签订劳动合同要求公司赔偿双倍工资被驳回?法院:已超出一年的仲裁申请时效