tencent cloud

文档反馈

最后更新时间:2024-05-08 11:37:24
    本文将介绍悬浮窗功能的使用。

    预期效果

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

    悬浮窗功能

    方式一:调用 enableFloatWindow(enable: boolean) API 开启/关闭悬浮窗。
    说明:Vue ≥ v3.1.0 支持
    try {
    await TUICallKitServer.enableFloatWindow(enable: Boolean)
    } catch (error: any) {
    alert(`[TUICallKit] enableFloatWindow failed. Reason: ${error}`);
    }
    方式二:通过属性控制悬浮窗、全屏的开启/关闭。
    allowedMinimized 属性控制控制悬浮窗开启/关闭。
    allowedMinimized 属性控制全屏的开启/关闭。
    React
    Vue
    <TUICallKit
    allowedMinimized={true}
    allowedFullScree={true}
    />
    <TUICallKit
    :allowedMinimized="true"
    :allowedFullScreen="true"
    />
    
    联系我们

    联系我们,为您的业务提供专属服务。

    技术支持

    如果你想寻求进一步的帮助,通过工单与我们进行联络。我们提供7x24的工单服务。

    7x24 电话支持