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


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

    打开微信开发工具 , 新建项目calculate 。
    新建page , 输入名称为calculate 。
    calculate四个文件将在目录下自动生成 。
    打开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.输入框中 , 输入数字 , 点击确定按钮 , 得到操作结果 。
以上便是针对该问题所整理出来的具体操作步骤 , 希望可以帮助到需要的朋友 。