vue3+ts中使用autofit.js解决可视化大屏的适配 各种异形屏,直接上代码:
1.找到文件中的根文件 App.vue,
2.将示例代码粘贴进去(前提是安装了autofit.js)安装代码 npm i autofit.js
<script lang="ts" setup>
import autofit from "autofit.js";
import { ref, onMounted,onBeforeUnmount } from "vue";
onMounted(() => {
autofit.init({
dh: 1080,
dw: 1920,
el: "#app",
resize: true
},
false
)
});
onBeforeUnmount (()=>{
autofit.off()
})
</script>