微信小程序浮窗怎么弄

如下：

*** 作工具：vivo X9

*** 作系统：Funtouch OS 7.127

软件：微信6.0

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

2、进入小程序之后，点击小程序右上角的三个点图标。

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

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

你好。

关于微信小程序把video固定在页面顶端的问题，解决方案如下：

1.video fixed布局会造成：视频移动，黑色底留下

2.flex布局，video固定高度，自适应部分用scroll-view, 代码如下：

…

.grid-box{

width: 100%

height: 100%

display: flex

flex-direction: column

}

.grid-const{width: 750rpxheight: 422rpx}

.grid-var{flex: 1}

.content{height: 100%}

以上代码可以满足需求，但是下拉页面，video还是会跟着移动

3.最终解决方案，禁止页面Page滚动：

在json配置文件中添加：“disableScroll”:true

经测试，页面效果和腾讯视频一致。

效果展示

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

添加悬浮层

点击左侧导航栏的界面。

添加一个底部悬浮层。

触发器配置

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

选中图标。

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

创建触发器。

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

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

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

---