微信小程序 输入三边计算梯形面积代码

好的，以下是一个简单的微信小程序输入三边计算梯形面积的代码示例：

在 WXML 文件中：

<view class="container">
  <view class="input-box">
    <input type="number" placeholder="请输入上底" bindinput="inputChange" data-name="upper">
    <input type="number" placeholder="请输入下底" bindinput="inputChange" data-name="lower">
    <input type="number" placeholder="请输入高" bindinput="inputChange" data-name="height">
  </view>
  <view class="btn-box">
    <button bindtap="calculate">计算梯形面积</button>
  </view>
  <view class="result-box">
    <block wx:if="{{result}}">
      梯形面积为：{{result}}
    </block>
  </view>
</view>

在 JS 文件中：

Page({
  data: {
    upper: null, // 上底
    lower: null, // 下底
    height: null, // 高
    result: null // 结果
  },
  inputChange(e) {
    const { name } = e.currentTarget.dataset;
    const value = Number(e.detail.value);
    this.setData({
      [name]: value
    });
  },
  calculate() {
    const { upper, lower, height } = this.data;
    if (upper && lower && height) {
      const result = ((upper + lower) * height) / 2;
      this.setData({
        result: result.toFixed(2)
      });
    } else {
      wx.showToast({
        title: '请输入三个数值',
        icon: 'none'
      });
    }
  }
});

以上代码实现了一个简单的输入三边计算梯形面积的小程序，用户可以在页面上输入上底、下底和高，点击“计算梯形面积”按钮后，程序会自动计算出梯形面积并显示在页面上。其中，`inputChange` 方法用于监听输入框的值变化，`calculate` 方法用于计算梯形面积，`setData` 方法用于更新页面数据。