微信小程序
输入长宽高
点击确定
然后计算表面积和体积
新手小白;想要学习一下;麻烦大佬把代码给我发一下 谢谢大佬
<!--index.wxml-->
<view class="container">
<label for="length">长:</label>
<input type="text" name="length" value="{{length}}" bindinput="bindLengthInput" />
<label for="width">宽:</label>
<input type="text" name="width" value="{{width}}" bindinput="bindWidthInput" />
<label for="height">高:</label>
<input type="text" name="height" value="{{height}}" bindinput="bindHeightInput" />
<button bindtap="bindTap">计算</button>
<label>表面积是:{{area}}</label>
<label>体积是:{{volume}}</label>
</view>
// index.js
// 获取应用实例
const app = getApp()
Page({
data: {
length: 0,
width: 0,
height: 0,
area: 0,
volume: 0
},
onLoad() {
},
bindTap() {
this.setData({
volume: this.data.length * this.data.width * this.data.height,
area: ((this.data.length * this.data.width) + (this.data.length * this.data.height) + (this.data.width * this.data.height)) * 2
})
},
bindLengthInput(val) {
// console.log(val)
this.setData({
length: val.detail.value
})
},
bindWidthInput(val) {
this.setData({
width: val.detail.value
})
},
bindHeightInput(val) {
this.setData({
height: val.detail.value
})
}
})
代码如上,满意请采纳,谢谢。