微信小程序隐藏显示事件怎么实现

如何通过微信小程序隐藏和显示事件？各位微信小程序开发者，如果微信小程序隐藏显示，可以参考以下小系列编译的内容。接下来的内容是微信小程序隐藏和显示事件的实现方法。

如何通过微信小程序隐藏和显示事件？

在开发小程序的过程中，往往需要隐藏一定的控件。

因为项目本来需要切换两个画布，但是小程序的画布支持的功能真的很少。本来jquerymobile或者将canvas转换成图片很容易达到滑动效果，但是不支持。比较后只能做一个画布，需要的时候可以显示，不需要的时候可以隐藏。

微信小程序隐藏显示的实现方法；

logs.wxml微信小程序代码：

logs.js文件：

页面({

数据： {

showview: true

},

onload:函数(选项){

//生命周期功能-监控页面加载

show view :(options . show view==' true '？true : false)

}

，onchangeshowstate:函数{

that=this

that.setdata({

showview:(！that.data.showview)

})

},

})

logs.wxss微信小程序代码：

. bright789_view_hide{

display:无；

}

. bright789_view_show{

display:块；

}

逻辑可以从上面三个小程序页面的文件中看得很清楚：log . wxml的onchangeshowstate按钮会触发logs.js中的一个事件，这个事件会改变showview的值，而canvas的class属性会根据log . wxml中showview的值来决定，两个class属性中的哪一个会在logs.wxss中设置

这里是标题的开头，如何实现小程序的切换风格，这里是标题的结尾

微信小程序的风格有很多。如果你想吸引用户的注意力，你应该把它设计得更特别。应该如何切换小程序的样式？看下面具体流程。

小程序的按钮变化与其类型属性有关，它的三个默认属性是：default '，' primary '和' warn '，其中default '是灰色属性，primary是蓝色，warn是红色，不能改变。

按钮1

按钮2

按钮3

按钮4

你可以看到这三个属性的button的类名是btn，为btn设置背景色时，发现只有不带类型的背景色发生了变化。(这个其实挺坑的。一个月前，改变颜色是默认属性。只用了很长时间就改变了。小程序还在成长，技术写不死。也许随时会改变。)。btn { margin-top :10 px；背景色：黄色；}

按钮1

按钮2

按钮3

设置按钮-悬停在wxss作为一种风格，以改变其状态。目前，我只发现状态样式可以在没有类型属性时生效：

。btn-hover:{ background-color : pink；}

而其他按钮悬停比按钮悬停优先级高。比如同时设置背景色会有设置的效果。other-button-hover，当没有type属性时当然会生效。

。button-hover { background : black；}

此时，样式为黑色

。button-hover { background : black；}。btn-hover { background-color :蓝色；}

此时，样式为蓝色