https://developers.weixin.qq.com/miniprogram/dev/api/
wx.getSystemInfoSync()
属性 | 类型 | 说明 | 最低版本 |
---|---|---|---|
brand | string | 设备品牌 | 1.5.0 |
model | string | 设备型号。新机型刚推出一段时间会显示unknown,微信会尽快进行适配。 | |
pixelRatio | number | 设备像素比 | |
screenWidth | number | 屏幕宽度,单位px | 1.1.0 |
screenHeight | number | 屏幕高度,单位px | 1.1.0 |
windowWidth | number | 可使用窗口宽度,单位px | |
windowHeight | number | 可使用窗口高度,单位px | |
statusBarHeight | number | 状态栏的高度,单位px | 1.9.0 |
language | string | 微信设置的语言 | |
version | string | 微信版本号 | |
system | string | 操作系统及版本 | |
platform | string | 客户端平台 | |
fontSizeSetting | number | 用户字体大小(单位px)。以微信客户端「我-设置-通用-字体大小」中的设置为准 | 1.5.0 |
SDKVersion | string | 客户端基础库版本 | 1.1.0 |
使用这个API可以直接查询到用户的手机信息,微信版本信息等。
js:
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log(wx.getSystemInfoSync())
},
加载页面,调试台会打印出以下:
{model: "iPhone 6/7/8", pixelRatio: 2, windowWidth: 375, windowHeight: 603, system: "iOS 10.0.1", …}
SDKVersion: "2.15.0"
batteryLevel: 100
benchmarkLevel: 1
brand: "devtools"
deviceOrientation: "portrait"
devicePixelRatio: 2
enableDebug: false
fontSizeSetting: 16
language: "zh_CN"
model: "iPhone 6/7/8"
pixelRatio: 2
platform: "devtools"
safeArea: {top: 20, left: 0, right: 375, bottom: 667, width: 375, …}
screenHeight: 667
screenWidth: 375
statusBarHeight: 20
system: "iOS 10.0.1"
version: "7.0.4"
windowHeight: 603
windowWidth: 375
__proto__: Object
在wx.getSystemInfoSync()后添加.属性名
便可以筛选出需要的信息。
交互
wx.showLoading(Object object)
交互中的一个API,可以显示数据加载中的提示框。
https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showLoading.html
js:
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
// console.log(wx.getSystemInfoSync())
wx.showLoading({
title: '数据加载中,请稍后。。',
})
},
wx.showToast(Object object)
https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showToast.html
显示消息提示框,例如提交成功框,加载成功框等。
参数
Object object
属性 | 类型 | 默认值 | 必填 | 说明 | 最低版本 |
---|---|---|---|---|---|
title | string | 是 | 提示的内容 | ||
icon | string | 'success' | 否 | 图标 | |
image | string | 否 | 自定义图标的本地路径,image 的优先级高于 icon | 1.1.0 | |
duration | number | 1500 | 否 | 提示的延迟时间 | |
mask | boolean | false | 否 | 是否显示透明蒙层,防止触摸穿透 | |
success | function | 否 | 接口调用成功的回调函数 | ||
fail | function | 否 | 接口调用失败的回调函数 | ||
complete | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
object.icon 的合法值
值 | 说明 | 最低版本 |
---|---|---|
success | 显示成功图标,此时 title 文本最多显示 7 个汉字长度 | |
error | 显示失败图标,此时 title 文本最多显示 7 个汉字长度 | |
loading | 显示加载图标,此时 title 文本最多显示 7 个汉字长度 | |
none | 不显示图标,此时 title 文本最多可显示两行,1.9.0及以上版本支持 |
onLoad: function (options) {
// console.log(wx.getSystemInfoSync())
// wx.showLoading({
// title: '数据加载中,请稍后。。',
// })
wx.showToast({
title: '提交成功',
})
},
此处评论已关闭