用微信小程序 写一个三角形面积

好的，以下是微信小程序代码，可以计算三角形面积：

1. 在 wxml 文件中，添加以下代码：

<view class="container">
  <view class="title">请输入三角形的三条边长：</view>
  <input class="input" placeholder="请输入第一条边长" bindinput="input1" />
  <input class="input" placeholder="请输入第二条边长" bindinput="input2" />
  <input class="input" placeholder="请输入第三条边长" bindinput="input3" />
  <button class="btn" bindtap="calculate">计算三角形面积</button>
  <view class="result" wx:if="{{result}}">三角形面积为：{{result}}</view>
</view>

2. 在 wxss 文件中，添加以下代码：

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 100rpx;
}

.title {
  font-size: 32rpx;
  margin-bottom: 20rpx;
}

.input {
  width: 600rpx;
  height: 80rpx;
  font-size: 28rpx;
  margin-bottom: 20rpx;
}

.btn {
  width: 600rpx;
  height: 80rpx;
  background-color: #4caf50;
  color: #fff;
  font-size: 32rpx;
  border: none;
  border-radius: 4rpx;
  margin-bottom: 20rpx;
}

.result {
  font-size: 32rpx;
  margin-top: 20rpx;
}

3. 在 js 文件中，添加以下代码：

Page({
  data: {
    a: 0,
    b: 0,
    c: 0,
    result: 0
  },

  input1(e) {
    this.setData({
      a: e.detail.value
    })
  },

  input2(e) {
    this.setData({
      b: e.detail.value
    })
  },

  input3(e) {
    this.setData({
      c: e.detail.value
    })
  },

  calculate() {
    const a = parseFloat(this.data.a)
    const b = parseFloat(this.data.b)
    const c = parseFloat(this.data.c)
    const p = (a + b + c) / 2
    const result = Math.sqrt(p * (p - a) * (p - b) * (p - c))
    this.setData({
      result: result.toFixed(2)
    })
  }
})

这样就完成了一个简单的微信小程序，可以计算三角形的面积。其中，用户需要输入三角形的三条边长，点击“计算三角形面积”按钮后，程序会计算出三角形的面积并显示在页面上。