h-screen-box v1.0.9

简介

用于大屏适配。

安装

npm install h-screen-box --save

使用

<template>
  <HScreenBox 
    :outside-style="{fontSize: '20px'}"
    :inner-style="{ backgroundColor: '#0f0' }"
    :size="[1920, 1080]"
  >
  	大屏内容
  </HScreenBox>
</template>

outside-style: 外部容器样式

inner-style: 内部容器样式

size: 设计图的宽高，默认1920,1080

效果图

说明

根据size（设计图尺寸），1:1填补内容，改组件会根据屏幕宽高自适应大屏