前端之家收集整理的这篇文章主要介绍了
详解微信小程序 通过控制CSS实现view隐藏与显示，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
详解微信小程序 通过控制CSS实现view隐藏与显示
实现效果图：
视图代码，使用变量控制隐藏类名
为了更好地帮助您解决问题,请准确填写您的邮箱地址和电话号码，以便管理员给你答复。
Box weui-media-Box_appmsg">
Box-group bindchange="btn_cbback_tab">
Box weui-media-Box_appmsg">
<view class="{{tipsshow}} section weui-media-Box weui-media-Box_appmsg">
<view class="section__title">您的邮箱:
Box weui-media-Box_appmsg">
Box weui-media-Box_appmsg">
主题:
Box weui-media-Box_appmsg">
内容:
Page({
/**
- 页面的初始数据
*/
data: {
tipsshow:''
},btn_cbback_tab: function (e) {
if (e.detail.value!="")
{
this.setData({
tipsshow: 'undis'
})
}
else
{
this.setData({
tipsshow: ''
})
}
},onLoad: function (options) {
},/**
- 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},/**
- 生命周期函数--监听页面显示
*/
onShow: function () {
},/**
- 生命周期函数--监听页面隐藏
*/
onHide: function () {
},/**
- 生命周期函数--监听页面卸载
*/
onUnload: function () {
},/**
- 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},/**
- 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},/**
- 用户点击右上角分享
*/
onShareAppMessage: function () {
},/**
- 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
}
})
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
