微信小程序下拉展示隐藏内容

微信小程序下拉展示隐藏内容,第1张

可以使用wx:if来实现,在需要展示陵冲毁隐藏内容的元素上绑定尺备一个变量,当变量的值为true时,元素才会显示,反之则隐藏。可以通判穗过点击按钮来改变变量的值,从而实现下拉展示隐藏内容的效果

wx:if 与hidden都可以控制微信小程序中的元素的显示与否。

先演示下两种方式的山岁蠢使用

wx:if 的使用

wx:if 还可以配合wx:else 使用,用来显示隐藏不同的控件

当isShow true显示test 隐藏test1;当isShow false时显示test1 隐藏test

hidden的使用

当isHidden true时 test隐藏 isHidden false时 test显示

wx:if 和hidden的差别

wx:if的隐藏是不渲染控件

hidden的隐藏是渲染控件,但是不显示

看下面效果

在xml布局中可以看到显示了三个控件,hidden隐藏的部分依然被渲染。

在实际开发过程中,如果频繁切换的话,用wx:if因为逗陪要雀租频繁销毁和渲染,会消耗更多的资源。

如果不是频繁切换可以考虑使用wx:if,防止页面初始化时一下渲染那么多。

微信小程序底部隐藏导航栏是指在小程序中,可以设置底部导航栏不显示,从而达到隐藏的效果。这样可以颂悄让小程序的界面更加简洁,也可以让用户更加专注于当前页面的内容。要实现这个效果,需要在小程序的代码中添加一些代码,让底部导航栏不显示。例如,在app.json文件中,可以添加“window”字码毁段,并将“showTabBar”字段设置为false,即可实迟樱备现隐藏底部导航栏的效果。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12568561.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存