微信自带计算器功能在哪里

时间:2022-10-29 14:08

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

打开微信开发工具,新建一个项目,命名为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.在输入框中,输入数字,并点击确定按钮,则得到运算结果。

微信自带计算器功能在哪里

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

标签:
随便看看
本类推荐
本类排行
热门标签

我国国家通讯社行不行啊细狗新年贺词祝福语2023年祝福语新年新年贺词新年贺词祝福语居家抗病毒小药箱除夕高速免费吗2022年除夕高速免费吗春联春联句子大全春联句子大全七字年夜饭十二道菜年夜饭十二道菜单年夜饭吃什么年夜饭吃什么菜吃年夜饭的寓意年夜饭黑芝麻菊花茶晒菊花茶腌腊肉送妈妈生日礼物汉白玉送闺蜜水钻送女人礼物爸爸生日送礼物送老公