微信小程序計算器實(shí)例詳解

第微信小程序計算器實(shí)例詳解微信小程序計算器實(shí)例，供大家參考，具體內(nèi)容如下

index.wxml

view

view{{num}}/view

view{{op}}/view

/view

view

view

viewbindtap="resetBtn"c/view

viewbindtap="delBtn"DEL/view

viewbindtap="opBtn"data-val="%"%/view

viewbindtap="opBtn"data-val="/"÷/view

/view

view

viewbindtap="numBtn"data-val="7"7/view

viewbindtap="numBtn"data-val="8"8/view

viewbindtap="numBtn"data-val="9"9/view

viewbindtap="opBtn"data-val="*"x/view

/view

view

viewbindtap="numBtn"data-val="4"4/view

viewbindtap="numBtn"data-val="5"5/view

viewbindtap="numBtn"data-val="6"6/view

viewbindtap="opBtn"data-val="-"-/view

/view

view

viewbindtap="numBtn"data-val="1"1/view

viewbindtap="numBtn"data-val="2"2/view

viewbindtap="numBtn"data-val="3"3/view

viewbindtap="opBtn"data-val="+"+/view

/view

view

viewbindtap="numBtn"data-val="0"0/view

viewbindtap="dotBtn"data-val="."./view

viewbindtap="opBtn"data-val="="=/view

/view

/view

index.css

page{

display:flex;

flex-direction:column;

height:100%;

.content{

flex:1;

background-color:#f3f6fe;

position:relative;

.content.num{

position:absolute;

font-size:27pt;

bottom:5vh;

right:3vw;

.content.operotor{

font-size:15pt;

position:absolute;

bottom:1vh;

right:3vw;

.entry{

flex:1;

font-size:17pt;

border-top:1rpxsolid#ccc;

.entry.item{

flex:1;

padding:30rpx0;

text-align:center;

flex-basis:25%;

border-left:1rpxsolid#ccc;

border-bottom:1rpxsolid#ccc;

.entryview{

display:flex;

.entryview.tow{

flex:2;

.entryview.one{

flex:1;

}

index.js

Page({

data:{

num:"",//存儲數(shù)字

op:""http://存儲運(yùn)算符

result:null,

isClear:false,

numBtn:function(e){

varnum=e.target.dataset.val

//console.log(num)得到data-val的值

console.log(this.isClear)

if(this.data.num==="0"||this.isClear){

this.setData({num:num})

this.isClear=false

}else{

this.setData({num:this.data.num+num})

opBtn:function(e){

varop=this.data.op

varnum=Number(this.data.num)

this.setData({op:e.target.dataset.val})

if(this.isClear){

return

this.isClear=true

if(this.result===null){

this.result=num

return

if(op==="+"){

this.result=this.result+num

}elseif(op==="-"){

this.result=this.result-num

}elseif(op==="*"){

this.result=this.result*num

}elseif(op==="/"){

this.result=this.result/num

}elseif(op==="%"){

this.result=this.result%num

this.setData({num:this.result})

dotBtn:function(){

if(this.isClear){

this.setData({num:"0."})

this.isClear=false

return

if(this.data.num.indexOf(".")=0){

return

this.setData({num:this.data.num+"."})

delBtn:function(){

varnum=this.data.num.substr(0,this.data.num.length-1)

this.setData({num:num==="""0"