详解微信小程序 通过控制CSS实现view隐藏与显示
目前创新互联公司已为上千家的企业提供了网站建设、域名、虚拟空间、网站托管、服务器托管、企业网站设计、定西网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
实现效果图:
视图代码,使用变量控制隐藏类名
为了更好地帮助您解决问题,请准确填写您的邮箱地址和电话号码,以便管理员给你答复。 希望回访: 您的姓名: 您的邮箱: 联系电话: 您的主题: 咨询内容: 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 () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { } })
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!