怎么让小程序悬浮

怎么让小程序悬浮,第1张

1.打开微信进入后,从微信主界面上方下拉,调出小程序胡首界面。

2.在小程序中,选择需要查看的小程序进入。

3.进入后,点击右上方三个点的图标进入。

4.进入后,在下方的选裤肢数项内,点击浮窗的选项。

5.点饥桐击后,可以看到微信界面的右侧就会显示浮窗,点击该浮窗进入。

6.手机或者电脑端可以把小程序添加桌面

效果展示

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

添加悬浮层

点击左侧导航栏的界面。

添加一个底部悬浮层。

触发器配置

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

选中图标。

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

创建触发器。

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

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

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

首先我们建立一个演示的小程序片段

然后在wxml中将d窗的界面定义好

接下来就是定义d窗的样式,此凳主要是遮罩层森段旅的样式

然后在js中声明变量,它用来控制d窗是否显示

接着我们就可以看到d窗的界面了

最后在定燃睁义一下取消d窗的事件就可以了

综上所述,在小程序开发的时候自定义d窗还是很简单的,主要定义好遮罩层,然后设置好d窗位置就可以了


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存