隨著微信版本的更新，出現了很多的小功能，其中計算器就是一個，很多伙伴還不會用， 下面我就詳細給大家講一下。

1. 打開微信開發工具，新建一個項目，命名為calculate。

2. 新建page，輸入名稱為calculate。

3. calculate目錄下自動生成4個文件。

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.在輸入框中，輸入數字，并點擊確定按鈕，則得到運算結果。

以上便是針對該問題所整理出來的具體操作步驟，希望可以幫助到需要的朋友。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com