一个小程序计算器

index.wxml

  
    计算金额：
    

      
        
        \n
      
      计算
      \n
      重置
    
  
  
    \n计算的结果为：{{count}}
  

index.wxss

.page {
  margin-top: 40rpx;
  margin-left: 40rpx;
  margin-right: 40rpx;
  font-size: 47rpx;
}
.body {
  font-size: 43rpx;
  background-color: #fff;
}
.input {
  font-size: 43rpx;
  background-clip: #fff;
}

index.js

Page({
  data:{
    'count':''
  },

  formSubmit(e) {
    var num = Number(e.detail.value.input); //将Object转换为数值

    this.setData({
      'count':num
    })

  },

  formReset() {
    this.setData({
      'count':''
    })
  }


})

计算器需要我们输入一个数字，然后点击计算按钮进行运算。我偷懒就没有写具体的计算方法，后面我会完善这个计算器的功能，比如实现十进制转换为二进制的功能。这里只做出大致的模板而已。点击并提交就需要表单组件

。表单组件内可以提交用户输入和选择的switch,input,checkbox,slider,radio,picker等组件。

效果预览如下：

图片.png