• 简书网微信公众号二维码
您当前的位置: 首页 > 知识百科 > 微信小程序隐藏view怎么设置?

微信小程序隐藏view怎么设置?

时间:2023-07-01 14:05 阅读数:95 人阅读 分类:知识百科

  在开发小程序的过程中,有很多细节是需要注意的,尤其是小程序开发技术的掌握,微信小程序隐藏view怎么设置呢?接下来小编就为大家讲述一下隐藏小程序view的方法,一起来看看相关资料。

  其实需求很简单,就是小程序表单focus隐藏view,blur显示view,百度了很久也没有类似的写法,微信官方也没有教程,类选择器和ID选择器都没有用,document也没用,后来使用小程序渲染的方式实现。

  微信小程序隐藏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 () {

  }})

  参照以上的小程序码,大家就可以设置微信小程序隐藏view了,实现了试图的隐藏,小程序页面就会更加干净简洁,用户的使用体验也会得到提升,更多相关素材请在微信小程序商店进行搜索。

  

  为什么微信小程序view文本会显示空格?如何解决显示空格的问题?

  微信小程序隐藏navigationBa怎么实现?

  微信小程序隐藏导航条怎么实现?