任务树加滚动条

This commit is contained in:
joylink_zhaoerwei 2024-03-04 18:46:40 +08:00
parent 47d6193733
commit 670e3c9b12

View File

@ -13,7 +13,7 @@
<el-card :key="modIndex" class="tabs-module-card">
<div style="margin-bottom:10px;font-size: 20px;height: 30px;text-align: center;line-height: 30px;">{{ mod.moduleName }}</div>
<div style="margin-bottom:10px">考试时间{{ mod.duration }}分钟</div>
<div style="margin-bottom:50px"> 任务目录
<div class="tabs-module-card-tree"> 任务目录
<el-tree
:data="moduleTreeDatas[modIndex].children"
current-node-key
@ -191,6 +191,20 @@ export default {
padding:10px;
background: transparent;
color: #fff;
.tabs-module-card-tree{
max-height:calc(100vh - 370px);
overflow: auto;
margin-bottom:50px;
&::-webkit-scrollbar{
background: #06284a;
}
&::-webkit-scrollbar-thumb{
background: #0c0909;
}
&::-webkit-scrollbar-track{
background: #06284a;
}
}
.tabs-module-card-button{
position: absolute;
bottom: 10px;