微信小程序测量身高
发布时间:2025-10-06 | 来源:互联网转载和整理
```javascript
// 身高测量.js
Page({
data: {
height: 0,
},
onLoad: function() {
// 获取用户当前身高
wx.getSystemInfo({
success: function(res) {
this.setData({
height: res.windowHeight,
});
},
});
},
onMeasure: function() {
// 测量身高并显示结果
const height = this.data.height;
wx.showToast({
title: `您的身高为:${height}厘米`,
});
},
});
```
这个小程序中,我们定义了一个页面(Page),其中包含一个数据对象(data)和一个方法对象(methods)。数据对象中存储了当前用户的身高,方法对象中包含了页面加载时获取系统信息并设置身高,以及测量身高并显示结果的方法。当用户点击页面上的测量按钮时,调用`onMeasure`方法测量用户的身高并显示结果。在页面的`onLoad`方法中,我们使用`wx.getSystemInfo`获取系统信息,包括屏幕高度,并将其设置为页面的身高数据。这样,用户就可以在微信小程序中测量自己的身高了。