style:修改添加学员滚动条

This commit is contained in:
lixg
2022-12-21 09:54:44 +08:00
parent 79249cb21f
commit a862d18f18

View File

@@ -4,11 +4,11 @@
<div class="CommonStudent"> <div class="CommonStudent">
<a-drawer <a-drawer
:visible="visiable" :visible="visiable"
class="drawerStyle ProjCheckship" class="drawerStyle ProjCheckship CommonStudent"
placement="right" placement="right"
width="60%" width="60%"
> >
<div class="drawerMain" id="ProjCheckship"> <div class="drawerMain" id="ProjCheckship" style="">
<div class="header"> <div class="header">
<div class="headerTitle"> <div class="headerTitle">
{{ { 1: "添加学员", 2: "添加学员", 3: "添加学员" }[type] || "" }} {{ { 1: "添加学员", 2: "添加学员", 3: "添加学员" }[type] || "" }}
@@ -19,10 +19,8 @@
@click="closeDrawer" @click="closeDrawer"
/> />
</div> </div>
<div <div style="display: flex; overflow-x: auto; overflow-y: auto">
style="width: 100%; display: grid; grid-template-columns: 750px auto" <div class="tabs" style="min-width: 800px">
>
<div class="tabs" style="min-height: 800px">
<a-tabs v-model:activeKey="activeKey"> <a-tabs v-model:activeKey="activeKey">
<a-tab-pane :key="1" tab="快速选人"> <a-tab-pane :key="1" tab="快速选人">
<div :style="{ height: screenHeight - 235 + 'px' }"> <div :style="{ height: screenHeight - 235 + 'px' }">
@@ -175,7 +173,7 @@
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</div> </div>
<div class="right1"> <div class="right1" style="min-width: 200px">
<div class="onerow"> <div class="onerow">
<div class="onleft"> <div class="onleft">
<div class="already">已选</div> <div class="already">已选</div>
@@ -663,10 +661,8 @@ watch(visiable, () => {
.ant-tabs { .ant-tabs {
overflow: visible; overflow: visible;
} }
} .right1 {
.right1 {
border-left: 1px solid #f2f6fe; border-left: 1px solid #f2f6fe;
width: 100%;
margin-left: 20px; margin-left: 20px;
.onerow { .onerow {
display: flex; display: flex;
@@ -839,5 +835,6 @@ watch(visiable, () => {
} }
} }
} }
}
} }
</style> </style>