feat:修改抽屉遮挡问题,滚动条

This commit is contained in:
岳佳鑫
2022-10-25 18:07:08 +08:00
parent 287596f2ae
commit 25746cda84
7 changed files with 39 additions and 21 deletions

View File

@@ -3,7 +3,7 @@
:visible="Changevisible" :visible="Changevisible"
class="drawerStyle changegroup" class="drawerStyle changegroup"
placement="right" placement="right"
width="50%" width="70%"
@after-visible-change="afterVisibleChange" @after-visible-change="afterVisibleChange"
> >
<div class="drawerMain"> <div class="drawerMain">
@@ -23,6 +23,8 @@
style="width: 264px; border-radius: 8px" style="width: 264px; border-radius: 8px"
placeholder="好好学习" placeholder="好好学习"
:options="stugroupList" :options="stugroupList"
allowClear
showSearch
/> />
</div> </div>
</div> </div>
@@ -59,8 +61,8 @@ export default {
}, },
{ {
id: "3", id: "3",
value: "好好学习", value: "最强小组",
label: "好好学习", label: "最强小组",
}, },
], ],
}); });
@@ -118,7 +120,8 @@ export default {
height: 40px; height: 40px;
} }
.ant-select-selector { .ant-select-selector {
height: 100%; height: 40px;
padding: 4px 11px;
border-radius: 8px; border-radius: 8px;
} }
.ant-select-selection-search-input { .ant-select-selection-search-input {

View File

@@ -3,7 +3,7 @@
:visible="Importvisible" :visible="Importvisible"
class="drawerStyle importstu" class="drawerStyle importstu"
placement="right" placement="right"
width="50%" width="70%"
@after-visible-change="afterVisibleChange" @after-visible-change="afterVisibleChange"
> >
<div class="drawerMain"> <div class="drawerMain">

View File

@@ -26,7 +26,7 @@
</div> </div>
</div> </div>
<div class="btnn"> <div class="btnn">
<button class="btn2">关闭</button> <button class="btn2" @click="closeDrawer">关闭</button>
</div> </div>
</div> </div>
</a-drawer> </a-drawer>
@@ -75,7 +75,7 @@ export default {
} }
} }
.drawerMain { .drawerMain {
min-width: 600px; min-width: 434px;
margin: 0px 32px 0px 32px; margin: 0px 32px 0px 32px;
overflow-x: scroll; overflow-x: scroll;
display: flex; display: flex;

View File

@@ -232,7 +232,7 @@
</div> </div>
</div> </div>
<div class="btnn"> <div class="btnn">
<button class="btn2">关闭</button> <button class="btn2" @click="closeDrawer">关闭</button>
</div> </div>
</div> </div>
</a-drawer> </a-drawer>

View File

@@ -3,7 +3,7 @@
:visible="Stuvisible" :visible="Stuvisible"
class="drawerStyle stuadd" class="drawerStyle stuadd"
placement="right" placement="right"
width="50%" width="70%"
@after-visible-change="afterVisibleChange" @after-visible-change="afterVisibleChange"
> >
<div class="drawerMain"> <div class="drawerMain">

View File

@@ -234,20 +234,13 @@
</div> </div>
<div class="footer"> <div class="footer">
<div class="btn"> <div class="btn">
<a-button <router-link to="/taskpage"
type="primary" type="primary"
style="width: 100px; height: 40px; border-radius: 8px" class="btn1"
></a-button ></router-link
> >
<a-button <a-button
type="primary" class="btn2"
ghost
style="
width: 100px;
height: 40px;
margin-left: 14px;
border-radius: 8px;
"
>取消</a-button >取消</a-button
> >
</div> </div>
@@ -511,6 +504,28 @@ export default {
.btn { .btn {
display: flex; display: flex;
justify-content: center; justify-content: center;
.btn1 {
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 40px;
border-radius: 8px;
background: #409EFF;
color:#FFFFFF;
margin-right: 14px;
}
.btn2 {
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 40px;
border-radius: 8px;
border: 1px solid #409EFF;
background: #FFFFFF;
color:#409EFF;
}
} }
.text { .text {
color: rgba(153, 155, 163, 1); color: rgba(153, 155, 163, 1);

View File

@@ -1649,7 +1649,7 @@ export default {
checkedd2: false, //设置按钮2 checkedd2: false, //设置按钮2
radioV1: "", radioV1: "",
radioV2: "", radioV2: "",
activeKey: "3", activeKey: "1",
activeKey1: "8", activeKey1: "8",
activeKey2: "3", activeKey2: "3",
inputValue: 5, inputValue: 5,