Web&H5&uni-app (小程序)

最近更新时间:2024-05-09 15:57:11

我的收藏
本文将介绍悬浮窗功能的使用。

预期效果

Web 端悬浮窗
web 端全屏
H5 端悬浮窗










悬浮窗功能

方式一:调用 enableFloatWindow(enable: boolean) API 开启/关闭悬浮窗。
说明:
Vue&WeChat ≥ v3.1.0 支持。
TUICallKitServer.enableFloatWindow(true)
方式二:通过属性控制悬浮窗、全屏的开启/关闭。
allowedMinimized 属性控制控制悬浮窗开启/关闭。
allowedFullScreen 属性控制全屏的开启/关闭。
说明:
WeChat ≥ v3.1.0 支持。
React
Vue
<TUICallKit
allowedMinimized={true}
allowedFullScreen={true}
/>
<TUICallKit
:allowedMinimized="true"
:allowedFullScreen="true"
/>