请问在小程序里怎么实现那种底部悬浮层d出的效果?

请问在小程序里怎么实现那种底部悬浮层d出的效果?,第1张

效果展示

通过在界面素材中添加一个底部悬浮层,同时配置触发器行为打开悬浮层,实现一个底部悬浮层d神粗出的效果

添加悬浮层

点击左侧导航栏的界面。

添加一个底部悬浮层。

触发器配置

注意:在检知升查器面板中的触发器设置面板创建触发器,可以对组件进行交互逻辑设置,或配合事件来进行动态数据 *** 作。

选中图标。

点击检查面板中的触发器。

创建触发器。

选中悬浮层中的微信图标。

点击检查面板中的触发器。

配置打开分搭瞎老享面板触发器。

1、需要cover-view替代那些本身需要覆盖在上面的view。

2、原来view的文字居中,则悄雀cover-view无效,需要cover-view的嵌套大发,就孙早是文字放到cover-view上,由父级的cover-view让子cover-view居中运改即可。

3、cover-view的存在绝对位置的情况下,也就是position:absolute;,此时父级的居中无效。

4、cover-view是覆盖在原生标签上的。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存