介绍

基于阿里 DataV 的可视化数据大屏展示缩放方案，封装的 vue3 可用的 hook

在进行页面开发时，可以完全基于设计图的宽高和内容进行固定的 px 布局，该包会对整体进行缩放适配。

使用

注意：页面全局的背景需要放在 body 的 background-image 属性中

<script setup>
  // 导入自适应缩放方法 import {useAdaptiveScale} from 'datav-scale-vue3' //
  参数1是设计图的宽度，参数2是设计图的高度，参数3是展示方式默认宽度铺满 // full：全屏铺满(非比例缩放) //
  full-width：宽度铺满(高度等比例缩放，上下可能留空或出现滚动条) //
  full-height：高度铺满(宽度等比例缩放，左右可能留空或出现滚动条) // inner：页面完整展示(等比例缩放，上下左右可能留空)
  // none：不缩放 useAdaptiveScale(1920, 1080, 'full-width')
</script>