📓组件介绍

cl-fullscreen提供了一个可直接操控全屏的组件,内部封装了进出全屏的主要逻辑,底层对不同浏览器的fullscreen API做了兼容。

全屏操作默认的操作对象是整个document,也可以通过getElement自行指定。

⌨️代码演示

基本使用

全屏
<cl-fullscreen />
1

具体属性含义见下方属性

📖属性

属性说明类型默认值
useText是否展示文本(全屏/退出全屏),设置为 false 后仅展示图标booleantrue
iconSize图标大小number24
getElement设置全屏目标元素的函数() => HTMLElement() => document.body