large-screen

纯 js 大屏js 兼容vue

#依赖
yarn add large-screen
npm install large-screen

<template>
	<div>
		<appMain  type="adaptive" :routeWhiteList="['/index']"  :minWidth="1600">
			
		</appMain>
	</div>
</template>
<script>

import appMain from 'large-screen/layout/app-main/index.vue'
export default {
    components: {
      appMain
    }
}
</script>

参数

|参数|说明|类型|可选值|默认值| |---|---|---|---|---| |type|布局类型|string|ordinary 普通大屏 equalRatioHeightWidth 高宽比例 aequilate 等宽 adaptive 一定适应 |ordinary| |routeWhiteList|路由页面白名单|array| ['/index'] | — | |customRouteList|路由页面白名单|array| [{path:'/index',type:'adaptive'}] | [] |

type adaptive

|参数|说明|类型|可选值|默认值| |---|---|---|---|---| |minWidth|最小宽度|number| — |1600| |maxWidth|最大宽度|number| — | 1920 |