微信里的计算器怎么设置自动求和

发布网友 发布时间：2022-04-20 11:22

我来回答

共1个回答

热心网友 时间：2023-06-28 10:36

随着微信版本的更新，出现了很多的小功能，其中计算器就是一个，很多伙伴还不会用， 下面我就详细给大家讲一下。

打开微信开发工具，新建一个项目，命名为calculate。

新建page，输入名称为calculate。

calculate目录下自动生成4个文件。

打开calculate.json文件，使其pages/calculate/calculate文件处在第一项。

5.编写calculate.wxml，输入：

6.编写calculate.wcss，输入：.container{justify-content: flexstart;padding:30rpx0;}

container input{background-color: #eee;border-radius: 3px;text-align: left;width: 720rpx;height: 100rpx;line-height: 100rpx;margin:20rpx;}container button{width: 100%;

7.编写calculate.js，输入代码：data:{num1:"",num2:"",result:""},getNum1:function(e){var n=e.detail.value;if(!isNaN(n{this.setData({num1:n});}},getNum2:function(e{var n=e.detail.value;if(!isNaN(n)){this.setData({num2:n});}},add:function(e){varn=this.data.num1*1+this.data.num2*1;this.setData({result:n});},

8.输入完成后，保存代码，得到如下计算器的界面如下。

9.在输入框中，输入数字，并点击确定按钮，则得到运算结果。