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

View File

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

View File

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

View File

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

View File

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

View File

@@ -234,20 +234,13 @@
</div>
<div class="footer">
<div class="btn">
<a-button
<router-link to="/taskpage"
type="primary"
style="width: 100px; height: 40px; border-radius: 8px"
></a-button
class="btn1"
></router-link
>
<a-button
type="primary"
ghost
style="
width: 100px;
height: 40px;
margin-left: 14px;
border-radius: 8px;
"
class="btn2"
>取消</a-button
>
</div>
@@ -511,6 +504,28 @@ export default {
.btn {
display: flex;
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 {
color: rgba(153, 155, 163, 1);

View File

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