📓组件介绍
cl-fullscreen
提供了一个可直接操控全屏的组件,内部封装了进出全屏的主要逻辑,底层对不同浏览器的fullscreen API
做了兼容。
全屏操作默认的操作对象是整个document
,也可以通过getElement
自行指定。
⌨️代码演示
基本使用
全屏
<cl-fullscreen />
1
具体属性含义见下方属性。
📖属性
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
useText | 是否展示文本(全屏/退出全屏),设置为 false 后仅展示图标 | boolean | true |
iconSize | 图标大小 | number | 24 |
getElement | 设置全屏目标元素的函数 | () => HTMLElement | () => document.body |