vue-screen-box v1.1.0

一个vue3的全屏组件

A full screen component of vue3

页面锁屏，放大和缩小浏览器，屏幕比例保持不变

1.1.0版本在原有的基础上新增了一个完成回调

<VueScreenBox @complete="getStatus">
    //页面具体内容
</VueScreenBox>

<script setup>
const getStatus = data => {
    // data = { type:'complete' } 表示完成
    // 处理回调
}
</script>

Installation

npm install vue-screen-box

单页面注册

import VueScreenBox from 'vue-screen-box'

components:{
    VueScreenBox
}

全局注册

import VueScreenBox from 'vue-screen-box'
app.use(VueScreenBox)

页面使用组件

<VueScreenBox>
    //页面具体内容
</VueScreenBox>

尺寸默认1920x1080,可配置固定尺寸，配置方法如下:

<VueScreenBox :options="{ width:3840, height:2160 }">
    //页面具体内容
</VueScreenBox>

MIT Licenced