feat: uI 全局样式调整
This commit is contained in:
parent
d311f4c48f
commit
075a858fc6
|
@ -16,9 +16,9 @@ export default {
|
||||||
primaryColor: '#1890ff', // primary color of ant design
|
primaryColor: '#1890ff', // primary color of ant design
|
||||||
layout: 'sidemenu', // nav menu position: `sidemenu` or `topmenu`
|
layout: 'sidemenu', // nav menu position: `sidemenu` or `topmenu`
|
||||||
contentWidth: 'Fluid', // layout of content: `Fluid` or `Fixed`, only works when layout is topmenu
|
contentWidth: 'Fluid', // layout of content: `Fluid` or `Fixed`, only works when layout is topmenu
|
||||||
fixedHeader: false, // sticky header
|
fixedHeader: true, // sticky header
|
||||||
fixSiderbar: false, // sticky siderbar
|
fixSiderbar: true, // sticky siderbar
|
||||||
colorWeak: false,
|
colorWeak: true,
|
||||||
menu: {
|
menu: {
|
||||||
locale: true
|
locale: true
|
||||||
},
|
},
|
||||||
|
|
|
@ -35,8 +35,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-layout-sider {
|
.ant-layout-sider {
|
||||||
flex: 0 0 230px !important;
|
flex: 0 0 230px;
|
||||||
max-width: 230px !important;
|
max-width: 230px;
|
||||||
min-width: 230px !important;
|
min-width: 230px;
|
||||||
width: 230px !important;
|
width: 230px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-pro-basicLayout-content{
|
||||||
|
height: calc(100vh - 95px) !important;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
|
@ -14,9 +14,9 @@
|
||||||
<template v-slot:rightContentRender>
|
<template v-slot:rightContentRender>
|
||||||
<right-content :top-menu="settings.layout === 'topmenu'" :is-mobile="isMobile" :theme="settings.theme" />
|
<right-content :top-menu="settings.layout === 'topmenu'" :is-mobile="isMobile" :theme="settings.theme" />
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:footerRender>
|
<!-- <template v-slot:footerRender>
|
||||||
<global-footer />
|
<global-footer />
|
||||||
</template>
|
</template> -->
|
||||||
<router-view />
|
<router-view />
|
||||||
</pro-layout>
|
</pro-layout>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Reference in New Issue