mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-04-06 03:59:53 +08:00
refactor: 优化plugin-layout
This commit is contained in:
parent
7d1c97aadf
commit
cccc1f25a1
@ -61,7 +61,7 @@
|
|||||||
</a-layout-footer>
|
</a-layout-footer>
|
||||||
</a-layout>
|
</a-layout>
|
||||||
</a-layout>
|
</a-layout>
|
||||||
<div v-else class="layout-content">
|
<div v-else class="content-wrapper">
|
||||||
<MultiTabProvider v-if="multiTabs" />
|
<MultiTabProvider v-if="multiTabs" />
|
||||||
<router-view v-else></router-view>
|
<router-view v-else></router-view>
|
||||||
</div>
|
</div>
|
||||||
@ -184,6 +184,15 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
|
.main-layout.main-layout-navigation-mixin{
|
||||||
|
.layout-sider{
|
||||||
|
.ant-layout-sider-trigger {
|
||||||
|
border-top: 1px solid #f0f0f0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style lang="less" scoped>
|
||||||
.main-layout {
|
.main-layout {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
&.main-layout-collapsed {
|
&.main-layout-collapsed {
|
||||||
@ -231,9 +240,6 @@ export default {
|
|||||||
.layout-sider {
|
.layout-sider {
|
||||||
padding: 48px 0 0;
|
padding: 48px 0 0;
|
||||||
box-shadow: 2px 0 8px 0 rgba(29,35,41,.05);
|
box-shadow: 2px 0 8px 0 rgba(29,35,41,.05);
|
||||||
.ant-layout-sider-trigger {
|
|
||||||
border-top: 1px solid #f0f0f0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.layout-header {
|
.layout-header {
|
||||||
padding-left: 24px;
|
padding-left: 24px;
|
||||||
@ -321,7 +327,8 @@ export default {
|
|||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.layout-content {
|
.layout-content,
|
||||||
|
.content-wrapper {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.layout-footer {
|
.layout-footer {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user