vue-adaptive-screen

Vue-Adaptive-Screen

大屏自适应容器组件，可用于大屏项目开发，实现屏幕自适应

安装

npm install vue-adaptive-screen --save
# or
yarn add vue-adaptive-screen

引入

// main.js
import VAdaptiveScreen from 'v-scale-screen'
Vue.use(VAdaptiveScreen)

使用

<v-adaptive-screen>
  <div>
    <e-charts>....</e-charts>
    <e-charts>....</e-charts>
  </div>
</v-adaptive-screen>

API

属性	说明	类型	默认值
width	大屏宽度	Number | String	1920
height	大屏高度	Number | String	1080
backgroundColor	固定比例自适应时，空白部分的背景色	String	#000
delay	窗口缩放的防抖延迟时间	Number | String	300
fullScreen	全屏自适应，启用此配置项时会存在拉伸变形效果	Boolean	false