<el-tabs type="border-card">

        <el-tab-pane label="用户管理">用户管理</el-tab-pane>

         <el-tab-pane label="配置管理">配置管理</el-tab-pane>

         <el-tab-pane label="角色管理">角色管理</el-tab-pane>

         <el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane>

</el-tabs>

在自带的标签中会有calss="el-tabs__content" 这个类,在这个类上加样式

添加一个定位固定位置,position  : absolute/fixed /relative,这里使用的是absolute

.cententBox .el-tabs--border-card>.el-tabs__content{ 

    position: absolute;

    top:125px;

    bottom: 0;

    left: 30px;

    right: 30px;

    overflow-y: auto;

    background-color: #fff;

  }

 

效果图:

element 中的tabs标签页中的内容区域实现溢出时出现滚动条

如果设置固定高度:

height:700px;

overflow-y: auto;

 

相关文章:

  • 2022-12-23
  • 2021-08-24
  • 2022-12-23
  • 2021-12-26
  • 2022-12-23
  • 2021-12-16
  • 2021-06-08
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-06-15
  • 2022-12-23
  • 2021-07-18
  • 2021-11-18
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案