微信小程序——列表导航吸顶效果

微信小程序——列表导航吸顶效果,第1张

可以把微信小程序隐藏起来。

打开微信“我”的页面,然后打开“设置”

2 然后点开设置,在设置页面有个“通用”

3 点开通用,再点开“发现页管理”

4 打开发现页管理,把“小程序”关掉

5 这样再返回“发现”页面看,就看不见小程序啦,”小程序“已经被隐藏了

首先明白一点,uni-app提供的view、button、image、text通通都是组件,不是h5的标签,虽然用起来方便,但如果你想获取dom节点信息,尽管给组件绑定一个id选择器,用documentgetElementById()等这种传统的JS获取dom方式是没有任何效果。

因为他们是组件,除非你不用这些现成的组件,用回h5的标签。

所以你如果想获取uni-app提供组件的DOM元素,需要如下的方法。

unicreateSelectorQuery()in(this);用于创建一个实例。

in(this)在这里是为了规范页面创建实例,避免获取不到实例报null,用上总没错

queryselect('#text')用于选择DOM节点

boundingClientRect()返回dom节点的相关信息

拿到的是一些元素本身的宽高信息、距离页面四边的距离。

使用unicreateSelectorQuery()创建dom实例,需要在这个mounted()生命周期里面进行,这个生命周期它代表组件已经创建完成,可以挂载实例,进而获取dom元素

如果不写在mounted生命周期里,你也可以写在methods方法定义里面,不过你需要这样来调用。

Uniapp 使用的是基于 webview 的跨平台解决方案,因此它不能直接 *** 作 DOM (Document Object Model)。实际上,其工作方式是通过将组件编译成小程序或 APP 的组件来实现跨平台。相比于直接 *** 作 DOM,使用组件编写 Ui 更容易实现跨平台兼容性。因此,Uniapp 的组件化能够大大提高开发效率和可维护性,同时缩短了开发周期,也降低了开发成本。

以上就是关于微信小程序——列表导航吸顶效果全部的内容,包括:微信小程序——列表导航吸顶效果、微信小程序 - 设计方案、iPhone6微信小程序怎么设置等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/zz/10122668.html

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

发表评论

登录后才能评论

评论列表(0条)

保存