微信(对于违规MCN机构的处置结果公示),微信对于违规MCN机构的处置结果公示......
2023-02-21 494
微信小程序-编写简易的计算器
来源：互联网
2023-02-21 17:58:22 390
在微信小程序中，编写代码，实现简单的计算器功能。
工具/原料
- 微信开发工具
- 微信小程序appiD
方法/步骤
1、打开微信开发工具，新建一个项目，命名为calculate；
2、新建page，输入名称为calculate;
3、calculate目录下自动生成4个文件；
4、打开calculate.json文件，使其pages/calculate/calculate文件处在第一项；
5、编写calculate.wxml，输入：
view class="container">
input placeholder='被加数' bindinput='getNum1'>/input>
input placeholder='加数' bindinput='getNum2'>/input>
button bindtap='add' type="primary">计算/button>
input placeholder='结果' value="{{result}}" disabled>/input>
/view>
6、编写calculate.wcss，输入：
.container{
justify-content: flex-start;
padding: 30rpx 0;
}
.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){
var n=this.data.num1*1 this.data.num2*1;
this.setData({
result:n
});
},
输入完成后，保存代码，得到如下计算器的界面如下：
在输入框中，输入数字，并点击确定按钮，则得到运算结果，如下所示：
综上所述，通过微信小程序，编写页面wxml和逻辑处理js文件，实现了计算器的的功能。
注意事项
- 需要首先判断下输入的是否为数字，若为数字则被允许计算
以上方法由办公区教程网摘抄自百度经验可供大家参考！
上一篇：微信置顶待办事项的操作方法！ 下一篇：如何查看微信账单
相关文章
- 详细阅读
-
微信如何修改自己的账号详细阅读
微信如何修改自己的账号,相必大家在用微信的时候，都遇到过一个小问题，就是之前很多年前申请的微信账号，之前想修改账号是没有修改的入口的，而在新版微信更新后，微信开放了这个功能，接下来我们就来看下微信如何......
2023-02-21 490 微信
-
微信卸载重新安装,之前的聊天记录怎么恢复详细阅读
微信卸载重新安装,之前的聊天记录怎么恢复,我们在使用微信的时候可能因为一些问题会卸载重装，但重装后会发现聊天记录不见了，那怎么恢复之前的聊天记录呢？微信里提供了修复的工具，可直接修复聊天数据，或者备份......
2023-02-21 500 微信