就是其他我都写好了,就是要点击下面的数字或者符号能显示在最上面一栏中不会

 

wxml绑定的事件要在js文件里写上处理函数

在js文件里加上这个

clientButton: function(e){
    //console.log(e.currentTarget.id)
    var btnValue = e.currentTarget.id
    var res = this.data.screenData
    if(btnValue != "back" || btnValue !="clear")
    {
      res = res+btnValue
    }
    //console.log(this.screenData)

    this.setData({
      screenData: res
    })
  }

然后你的daat设置的也不太对

data: {
    idBack:"back",
    idClear:"clear",
    idB:"B",
    idPlus:"+",
    idMinus:"➖",
    idMult:"×",
    idDiv:"÷",
    
    id1:"1",
    id2:"2",
    id3:"3",
    id4:"4",
    id5:"5",
    id6:"6",
    id7:"7",
    id8:"8",
    id9:"9",
    id0:"0",
    idPoint:".",
    idIs:"=",
    id10:"%",
    screenData:"",
    lastIsOperator:false,
    arr:[],
    logs:[]

  }

 

这是我的代码

 

 

<!--pages/calculate/calculate.wxml-->
<view class="btns">
  <view class="screen">{{screenData}}0</view>
</view>
<view class="btns">
  <view class="btn" bindtap="clientButton" id="{{idBack}}" hover-class="hb">退格</view>
  <view class="btn" bindtap="clientButton" id="{{idClear}}" hover-class="hb">清屏</view>
  <view class="btn" bindtap="clientButton"  id="{{idB}}" hover-class="hb">B</view>
  <view class="btn" bindtap="clientButton" id="{{idPius}}" hover-class="hb">+</view>
</view>
<view class="btns">
  <view class="btn" bindtap="clientButton" id="{{id1}}" hover-class="hb">1</view>
  <view class="btn" bindtap="clientButton" id="{{id2}}" hover-class="hb">2</view>
  <view class="btn" bindtap="clientButton" id="{{id3}}" hover-class="hb">3</view>
  <view class="btn" bindtap="clientButton" id="{{idDiv}}"  hover-class="hb">÷</view>
</view>
<view class="btns">
  <view class="btn" bindtap="clientButton" id="{{id4}}" hover-class="hb">4</view>
  <view class="btn" bindtap="clientButton"  id="{{id5}}" hover-class="hb">5</view>
  <view class="btn" bindtap="clientButton"  id="{{id6}}"  hover-class="hb">6</view>
  <view class="btn" bindtap="clientButton" id="{{idMult}}" hover-class="hb">×</view>
</view>
<view class="btns">
  <view class="btn" bindtap="clientButton" id="{{id7}}"  hover-class="hb">7</view>
  <view class="btn" bindtap="clientButton" id="{{id8}}" hover-class="hb">8</view>
  <view class="btn" bindtap="clientButton" id="{{id9}}" hover-class="hb">9</view>
  <view class="btn" bindtap="clientButton" id="{{idMinus}}"  hover-class="hb">➖</view>
</view>
<view class="btns">
  <view class="btn" bindtap="clientButton" id="{{id0}}" hover-class="hb">0</view>
  <view class="btn" bindtap="clientButton" id="{{idPoint}}" hover-class="hb">.</view>
  <view class="btn" bindtap="clientButton" id="{{id10}}" hover-class="hb">%</view>
  <view class="btn" bindtap="clientButton" id="{{idIs}}" hover-class="hb">=</view>
</view>

 

 

 

 

 

/* pages/calculate/calculate.wxss */
.btns{
  display: flex;
}
.btn{
  height: 80px;
  width: 80px;
  background-color: aqua;
  margin-right: 3px;
  margin-top: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.screen{
  height: 100rpx;
  width: 100%;
  background-color: rgb(163, 233, 190);
  text-align: right;
  line-height: 100rpx;
  margin-bottom: 1px;
}
.hb{
  background-color: burlywood;
}

 

 

 

data: {
    idBack:"back",
    idClear:"clear",
    idB:"B",
    idPlus:"+",
    idMinus:"➖",
    idMult:"×",
    idDiv:"÷",
    
  id1:"1",
  id2:"2",
  id3:"3",
  id4:"4",
  id4:"5",
  id4:"6",
  id4:"7",
  id4:"8",
  id4:"9",
  id0:"0",
  idPoint:".",
  idIs:"=",
  id10:"%",
  screeData:"0",
  lastIsOperator:false,
  arr:[],
  logs:[]

  },