百度小程序如何做点击隐藏显示,第一下显示第二下隐藏的小程序怎么做

随便写点

1、点击显示隐藏

以增加class为例,

代码

 <view class="icon-an1 icon-an {{bg?'s1':'m-click-this'}}"  bind:tap="mclick">

确定bg变量

默认值 ture为s1


在js的data内定义bg默认值

 data: { 
        bg: true
    },

然后在元素上增加了bind:tap="mclick"点击事件 那么就在js内增加这个事件

mclick : function(){
            this.setData({
              bg : !this.data.bg
            })
        }

注明:data.bg 后面的bg就是你定义的变量


bg 在网页内可以应用于多处 就是可以同时多个显示隐藏或者变化其他的class

例:在第二处

<view class="nav nav1 {{bg?'s88':'dianji'}}">

还是第一个是ture状态。  

去试下吧!

写的好!

微信扫一扫赏大洋