E-DataV

Appearance

On this page

全屏组件 ​

介绍

全屏组件根据预设尺寸，自动适配全屏，默认尺寸为1920*1080，根据此尺寸，自动计算缩放比例，适配全屏，可通过设置width和height属性，自定义尺寸

js
<template>
    <div>
        <e-full-screen-container>
            <div>
                <e-digital-flop />
            </div>
        </e-full-screen-container>
    </div>
</template>
js
<template>
    <div>
        <e-full-screen-container>
            <div>
                <e-digital-flop />
            </div>
        </e-full-screen-container>
    </div>
</template>
<script setup>
import { EDigitalFlop, EFullScreenContainer } from 'e-datav-vue3';
</script>
js
import { FullScreenContainer, DigitalFlop } from 'e-datav-react';

function Page() {

  return (
    <div>
      <FullScreenContainer>
        <DigitalFlop value={5000} />
      </FullScreenContainer>
    </div>
  )
}

export default Page

属性 ​

字段类型备注
typeString数值，默认'full', 其他可选类型：full（全屏拉伸） full-width（宽度拉伸 ）full-height（高度拉伸）initial （默认不拉伸）
widthNumber大屏设计稿宽度，也就是公司设计师出的效果图尺寸，默认1920
heightNumber大屏设计稿高度，默认1080