微信小程序：计算器项目

Jes0n

已于 2022-11-30 17:31:46 修改

阅读量646

点赞数

文章标签：微信小程序小程序

于 2022-11-27 18:57:24 首次发布

本文链接：https://blog.csdn.net/m0_61582603/article/details/128067940

版权

本文档介绍了如何制作微信小程序计算器，涉及index.is、index.json、index.wxml和index.wxss文件的编写，通过这些步骤最终完成计算器小程序的制作。源码可在CSDN文库下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对index.is文件进行编写

// pages/index/index.js
const calc = require('../../utils/calc.js')
Page({

  /**
   * 页面的初始数据
   */
  data: {
    num: '0',
    op: ''
  },

  result: null,
  isClear: false,

  // 数字按钮事件处理函数
  numBtn: function(e) {
    var num = e.target.dataset.val
    if (this.data.num === '0' || this.isClear) {
      this.setData({
        num: num
      })
      this.isClear = false
    } else {
      this.setData({
        num: this.data.num + num
      })
    }
  },

  // 运算符事件处理函数
  opBtn: function(e) {
    var op = this.data.op
    var num = Number(this.data.num)
    this.setData({
      op: e.target.dataset.val
    })
    if (this.isClear) {
      return
    }
    this.isClear = true
    if (this.result === null) {
      this.result = num
      return
    }
    if (op === '+') {
      this.result = calc.add(this.result, num)
    } else if (op