最新更新 | 下载排行

您所在的位置： 下载吧  >  软件教程  >  聊天软件 > 正文

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

  • 时间：2016-12-29 16:33
  • 来源：下载吧
  • 编辑：xwgod

微信小程序新手教程window配置tabBar底部导航，本篇默认已经成功安装微信小程序工具，来和小编一起看看吧

　　一：Hello WeApp

　　新建项目

微信小程序新手教程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底部导航
相关教程

最近更新

人气排行

装机必备 | 软件分类 | 提交软件 | 在线病毒扫描 | 联系我们 | 版权声明

Copyright 2008-2025 下载吧(www.xiazaiba.com). 联系方式：

晋ICP备2023014734号-1