SuitAdpterScreen 大屏适配容器

SuitAdpterScreen是一个适配屏幕的组件，用于在大屏幕上展示内容。该组件可以根据屏幕尺寸进行自适应布局，并提供了一些配置项来定制化展示效果。

示例

额外内容

<template>
<SuitAdapterScreen 
  :propName="'myPropName'"
  :width="1920"
  :height="1080"
  adapterClass="my-adapter-class"
  :resizeListener="handleResize"
>
  <!-- 主要内容插槽 -->
  <template slot="main">
    <div>主要内容</div>
  </template>
  
  <!-- 默认插槽 -->
  <div>额外内容</div>
</SuitAdapterScreen>
</template>

<script>
export default {
    data(){
        return {

        }
    },
    methods:{
        handleResize(scale){
          console.log(scale)
        }
    }
}
</script>

Expand Copy Copy

Props

属性名	类型	默认值	描述
propName	String	当前时间戳生成的唯一标识	组件的唯一标识
width	Number	1920	屏幕宽度
height	Number	1080	屏幕高度
adapterClass	String	'apter-area'	适配器样式类名
resizeListener	Function	空函数	调整大小监听器