微信小程序计算器详细代码

微信小程序中的计算器功能可以是一个简单的界面，用户输入数字和操作符来进行计算。下面是一个基础的示例，展示如何创建一个基本的加减乘除计算器：

Page({
  data: {
    num1: '',
    num2: '',
    operator: '',
    result: ''
  },
  calculate: function(e) {
    var num1 = parseFloat(this.data.num1);
    var num2 = parseFloat(this.data.num2);
    
    switch (this.data.operator) {
      case '+':
        this.setData({result: num1 + num2});
        break;
      case '-':
        this.setData({result: num1 - num2});
        break;
      case '*':
        this.setData({result: num1 * num2});
        break;
      case '/':
        if (num2 !== 0) {
          this.setData({result: num1 / num2});
        } else {
          wx.showToast({
            title: '错误！除数不能为零',
            icon: 'none'
          });
        }
        break;
      default:
        break;
    }
  },
  handleInput: function(e) {
    const target = e.target;
    const type = target.type;
    if (type === 'number') {
      this.setData({
        [target.name]: target.detail.value,
      });
    }
  },
  clear: function() {
    this.setData({
      num1: '',
      num2: '',
      operator: '',
      result: ''
    });
  },
})

在这个例子中，`calculate`函数处理用户的点击事件，根据选择的操作符执行相应的计算。`handleInput`用于接收输入框的变化并更新数据，`clear`方法用于清空输入。

HTML部分（wxml）：

<view>
  <input type="number" name="num1" placeholder="请输入第一个数" bindinput="handleInput" />
  <input type="number" name="num2" placeholder="请输入第二个数" bindinput="handleInput" />
  <picker bindchange="setOperator">
    <view>请选择运算符</view>
    <option value="+">+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
  </picker>
  <button bindtap="calculate">计算</button>
  <text>{{result}}</text>
  <button bindtap="clear">清除</button>
</view>

请注意，这只是一个非常基础的实现，实际项目中可能需要考虑更多边界情况和用户体验优化。