微信自带计算器功能在哪里(打开微信开发工具,新建一个项目)

微信自带计算器功能在哪里(打开微信开发工具,新建一个项目)

随着微信版本的更新,有很多小功能,其中一个是计算器,很多合作伙伴不会使用。让我详细告诉你。

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.输入框中,输入数字,点击确定按钮,得到操作结果。

以上便是针对该问题所整理出来的具体操作步骤,希望可以帮助到需要的朋友。

- END -