mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-13 12:56:45 +08:00
feat:修改抽屉遮挡问题,滚动条
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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);
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
Reference in New Issue
Block a user