wxml文件
<view class='head_span' wx:if="{{head_span}}" bindtap='search_cancel'> <span>取消</span> </view>hidden和if都可以用来实现显示隐藏，两者区别是，
前者只是隐藏显示，对象本身依旧存在，
后者是通过改变对象是否渲染，
前者消耗较少，后者较大，
需要频繁显示隐藏的建议使用前者，具体用什么根据当时情况所需来判断
。
。
其他还要if elif else等等，参照官方文档查看
<view class='main' hidden="{{main}}">js逻辑文件
data: { main: false, head_three:true, head_span:false },this.setData({ main:false, head_three: true, head_span: false })this.setData相当于vue里面的v-model，用于双向绑定，改变之前已经设定好的值，并且取值的时候等于改变后的，实际上原本的值也变成了改变后的，页面和逻辑层的数据都得到了改变
