小程序点击之后图标和文字发生变化

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/hhy2014yatan/article/details/82659399

点击之后变为：

 <view class='timeinfo' bindtap='change'>
          <image class='timeinfo1' src="{{hidden ? '/images/time1.png' : '/images/time.png'}}"  mode='aspectFit'></image>
          <text class='timeinfo2'>{{hidden ? '时间正序' : '时间倒序'}}</text>
        </view>

js中：

 change: function () {
    var hid=this.data.hidden;
    if(hid==true){
      hid=false;
    }
    else{
      hid=true;
    }
     this.setData({
        hidden: hid // 改变状态
     })
    
  }