1.设置全局页面高度

在vuecli init的默认工程里面,App.vue 页面中加 

 

//App.vue 页面中
<style>
  html,body,#app{
  height: 100%;
  background:rgba(38, 24, 49,.6);
}
</style>

2.设置单个页面的高度100%

 

用css3 的相对于视口的高度 vh

 

<template>

    <div class="dataScreen " >
          <div style="height:100vh;" ></div>
    </div>

</template>

 

Logo

前往低代码交流专区

更多推荐