1、监听屏幕的全屏,关闭全屏
document.addEventListener( fullscreenchange , function (event) {
if (document.fullscreenElement) {
isFullscreen.value=true
} else {
isFullscreen.value=false
}
});
2、某元素设置全屏
import screenfull from screenfull ;
const handleFullScreen = (value: boolean) => {
console.log(value);
let elem: any = document.getElementById( life-cycleBox );//也可换成$refs.xxx的形式
if (screenfull.isEnabled) {
screenfull.toggle(elem);
}
};
全屏时,弹出框、message提示,下拉框由于是挂载在body上可能不能正常显示,所以需要设置挂载节点到全屏元素身上,例如and可以使用 : getContainer: ()=>htmlElement 的形式更改挂载节点
3、flex布局下,汉字自动换行,英文不自动换行
添加 word-break: break-all;word-wrap:break-word;即可实现中英文都自动换行
© 版权声明
文章版权归作者所有,未经允许请勿转载。如内容涉嫌侵权,请在本页底部进入<联系我们>进行举报投诉!
THE END

















暂无评论内容