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

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

效果展示

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

添加悬浮层

点击左侧导航栏的界面。

添加一个底部悬浮层。

触发器配置

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

选中图标。

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

创建触发器。

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

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

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

如下:

*** 作工具:vivo X9

*** 作系统:Funtouch OS 7.127

软件:微信6.0

1、打开手机微信,然后打开一个小程序

2、衡困或进入小程序咐伍之后,点击小程序右上角的三个点图标。

3、在页面底部会d出小程序功能窗口,这里我们选择浮尺大窗功能,如下图所示。

4、最后在微信里就会显示出小程序浮窗窗口了,如下图所示。

小程序多选框

微信小程序为我们提供了checkbox-group,多项选择源哗器,内部由多个checkbox组成。

如何查看自定义样式:

打开微信小程序的官网,f12之后,查看相应的元素。

更多小程序demo,关散裂档注 苏苏的gitee ,持续更新!如有写冲乱的不尽完善的地方,望指正!


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存