getApp() 方法

小程序提供了全局的 getApp() 方法，可获取当前小程序实例，一般用于在子页面中获取顶层应用。

// app.jsApp({  globalData: 1});

// page.jsvar app = getApp();console.log(app.globalData); // 获取 globalData

一 整体结构

图片目录(images)、页面目录(pages)、公共脚本(utils)、全局配置(app.json、project.config.json)四个大的部分构成。

页面目录中，每个页面配置完成会自动生成4个文件(JS、JSON、WXSS、WXML)。页面逻辑，页面配置，页面样式，页面结构。

所有页面需要在app.json中的pages中进行配置注册。

导航栏的菜单配置需要在app.json中的tabBar中进行配置注册。

全局变量需要在app.js的globalData中进行定义，通过var app = getApp() 调用。

公共脚本需要将定义好的function在module.exports中进行暴露， 暴露模块接口。

二 左右轮播（swiper）、上下轮播

autoplay、interval、duration....自动切换播放、播放间隔时间、播放动画时间。

比如banner的左右滚动、公告的上下滚动（设置vertical为true）。

三 页面跳转、参数传递、接收参数

四种跳转方式

wx.navigateTo 跳转新页面；

wx.switchTab 跳转导航菜单页面；

wx.redirectTo 关闭当前页面，跳转新页面；

页面标签跳转；

参数传递

wx.navigateTo({url: '../activity/news/detail?id=' + activityid})

wx.switchTab({url: '../../index/index'})

wx.redirectTo({url: '../activity/news/detail?id=' + activityid})

接收参数

onLoad: function (options) {var id = options.id;}

接收参数
数据传递

11.使用第三方组件有赞 Vant
1.在微信开发工具软件 项目目录下右键->在终端打开->输入 npm init->一直回车到结束
2.安装vant -># 通过 npm 安装 -> 在终端下输入 ：npm i @vant/weapp -S --production
构建 npm 包
打开微信开发者工具，点击 工具 -> 构建 npm，详情->本地设置->勾选 使用 npm 模块 选项，构建完成后，即可引入组件

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！