隨著微信版本的更新,出現(xiàn)了很多的小功能,其中計算器就是一個,很多伙伴還不會用, 下面我就詳細給大家講一下。
打開微信開發(fā)工具,新建一個項目,命名為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.在輸入框中,輸入數(shù)字,并點擊確定按鈕,則得到運算結果。
以上便是針對該問題所整理出來的具體操作步驟,希望可以幫助到需要的朋友。
聲明:本網(wǎng)頁內容旨在傳播知識,若有侵權等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com