获取设备信息这里分为四种
主要属性：
网络信息wx.getNetWorkType,
系统信息wx.getSystemInfo,
重力感应数据wx.onAccelerometerChange,
罗盘数据wx.onCompassChange
wxml
<button type="primary" bindtap="getNetWorkType">获取网络类型</button> <button type="primary" bindtap="getSystemInfo">获取设备信息</button> <button type="primary" bindtap="onAccelerometerChange">监听重力感应数据</button> <button type="primary" bindtap="onCompassChange">监听罗盘数据</button>1
2
3
4
1
2
3
4
js
Page({ data:{ text:"Page system" }, onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 }, /** * 获取当前网络状态 */ getNetWorkType: function() { wx.getNetworkType({ success: function(res) { console.log(res) } }) }, /** * 获取系统信息 */ getSystemInfo: function() { wx.getSystemInfo({ success: function(res) { console.log(res) } }) }, /** * 监听重力感应数据 * - 带on开头的都是监听接收一个callback */ onAccelerometerChange: function() { wx.onAccelerometerChange(function(res) { console.log(res) }) }, /** * 监听罗盘数据 */ onCompassChange: function() { wx.onCompassChange(function(res) { console.log(res) }) }, onReady:function(){ // 页面渲染完成 }, onShow:function(){ // 页面显示 }, onHide:function(){ // 页面隐藏 }, onUnload:function(){ // 页面关闭 } })二：navigation API
主要属性：
导航条一些方法wx.setNavigationBarTitle(object) 设置导航条的Title
导航标题可以通过三种方式设置第一种是通过全局配置名字统一SEO排名服务第一种是通过全局配置名字统一第二种就是在page中新建个json文件配置它会覆盖全局配置的title搜索引擎第二种就是在page中新建个json文件配置它会覆盖全局配置的title第三种就是通过API设置。
wx.showNavigationBarLoading()设置在导航条上显示Loading加载状态
wx.hideNavigationBarLoading() 隐藏Loading加载状态
导航视图的一些方法wx.navigateTo() 保留当前页面进行跳转传参时就像拼接GET参数一样即可代码中会有体现
wx.redirectTo() 销毁当前页面进行跳转
wx.navigateBack() 返回上一个页面
wxml
<button type="primary" bindtap="setNavigationBarTitle">设置navigationBarTitle</button> <button type="primary" bindtap="showNavigationBarLoading">设置navigationBarLoading加载状态</button> <button type="primary" bindtap="hiddenNavigationBarLoading">隐藏navigationBarLoading加载状态</button> <button type="warn" bindtap="navigateTo"> 保留当前页跳转</button> <button type="warn" bindtap="redirectTo"> 不保留当前页面跳转</button> <button type="warn" bindtap="navigateBack">退回到上一个页面</button>1
2
3
4
5
6
1
2
3
4
5
6
json
{ "navigationBarTitleText": "我是通过json配置的title" }1
2
3
1
2
3
js
var file = '../audio/audio' Page({ data:{ text:"Page navigation" }, onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 }, /** * 设置NavigationTitle */ setNavigationBarTitle: function() { wx.setNavigationBarTitle({ title: '我是通过API设置的NavigationBarTitle' }) }, /** * 设置加载状态 */ showNavigationBarLoading: function() { wx.showNavigationBarLoading() }, /** * 隐藏加载状态 */ hiddenNavigationBarLoading: function() { wx.hideNavigationBarLoading() }, /** * 保留当前Page跳转 */ navigateTo: function() { wx.navigateTo({ //传递参数方式向get请求拼接参数一样 url: file + '?phone=18939571&password=1992', success: function(res) { console.log(res) }, fail: function(err) { console.log(err) } }) }, /** * 关闭当前页面进行跳转当前页面会销毁 */ redirectTo: function() { wx.redirectTo({ //传递参数方式向get请求拼接参数一样 url: file + '?phone=189395719&password=1992' }) }, /** * 退回到上一个页面 */ navigateBack: function() { wx.navigateBack() }, onReady:function(){ // 页面渲染完成 }, onShow:function(){ // 页面显示 }, onHide:function(){ // 页面隐藏 }, onUnload:function(){ // 页面关闭 } })
三：animation API