微信自帶計算器功能在哪裡

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

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

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

最近訪問