iview框架高度不够，应在这设置样式

最新推荐文章于 2023-03-29 22:02:45 发布

原创

最新推荐文章于 2023-03-29 22:02:45 发布 · 776 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ui

当iview框架导入后，发现页面高度仅为一半。解决方法是在app组件上设置高度，例如通过ivu-layout进行调整，确保框架适配正确。

把iview框架导入你的代码中，显示你的高度只有页面的一半，比如这样在这里插入图片描述
那就应该在你的app上设置高度，代码放下面了

ivu-layout是整个框架，大家可以根据相应的代码进行更改

<style lang="scss">
  body{
        width: 100%;
        height: 100%;
    }
   html{
      width: 100%;
      height: 100%;
    }
    #app{
      width: 100%;
      height: 100%;
    }
   .ivu-layout{
      width: 100%;
      height: 100%;
    }
</style>

在这里插入图片描述
这样就改好啦！