小程序的显示隐藏

在js中定义一个变量

data：{

        isShow：false

}

页面中 绑定单机事件

 <button type="primary" bindtap="haYz">切换显示隐藏</button>

js中写方法

  haYz () {

    this.setData({

      isShow: !this.data.isShow

    })

  },

页面中简单样式我喜欢直接行内式

  <view style="width: 100px;height: 100px;background-color: aqua;margin: 10px 35%;" wx:if="{{isShow}}" ></view>