el-scrollbar内容自动铺满

Dread_lxy

已于 2022-09-02 02:22:39 修改

阅读量763

点赞数

CC 4.0 BY-SA版权

文章标签： elementui vue.js html

于 2022-05-26 18:34:36 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_47586598/article/details/124990134

1.html代码

<div class="container">
    <el-scrollbar class="dashboard-container"> </el-scrollbar>
  </div>

2.css样式

//这里记得加scoped

<style scoped>

//用来隐藏横向滚动条

::v-deep .el-scrollbar__wrap {
  overflow-x: hidden;
}
.container {
  background-color: #eeeeee;
  padding: 16px;
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
}
.dashboard-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  background-color: #fff;
}
</style>

3.效果图