添加银行后端接口,前端代码
This commit is contained in:
@@ -9,6 +9,189 @@
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* 强制重置所有元素的默认样式 */
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* 确保body和html没有默认空白 */
|
||||
html {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
overflow-x: hidden !important;
|
||||
box-sizing: border-box !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 1.5715 !important;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
overflow-x: hidden !important;
|
||||
box-sizing: border-box !important;
|
||||
position: relative !important;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif !important;
|
||||
color: #262626 !important;
|
||||
background-color: #f0f2f5 !important;
|
||||
}
|
||||
|
||||
/* 确保#app容器没有空白 */
|
||||
#app {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
position: relative !important;
|
||||
}
|
||||
|
||||
/* 强制修复Ant Design菜单空白问题 */
|
||||
.ant-menu,
|
||||
.ant-menu-root,
|
||||
.ant-menu-vertical,
|
||||
.ant-menu-inline {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.ant-menu-item,
|
||||
.ant-menu-submenu-title {
|
||||
margin: 0 !important;
|
||||
padding: 0 16px !important;
|
||||
}
|
||||
|
||||
.ant-menu-item:first-child,
|
||||
.ant-menu-submenu:first-child .ant-menu-submenu-title {
|
||||
margin-top: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
/* 确保侧边栏菜单从顶部开始 */
|
||||
.ant-layout-sider .ant-menu,
|
||||
.ant-layout-sider .ant-menu-root,
|
||||
.ant-layout-sider .ant-menu-vertical,
|
||||
.ant-layout-sider .ant-menu-inline {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
/* 强制移除菜单容器的所有空白 */
|
||||
.ant-menu > li:first-child {
|
||||
margin-top: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.ant-menu .ant-menu-item:first-child {
|
||||
margin-top: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
/* 针对侧边栏的特殊处理 */
|
||||
.ant-layout-sider .ant-menu > li:first-child {
|
||||
margin-top: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.ant-layout-sider .ant-menu .ant-menu-item:first-child {
|
||||
margin-top: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
/* 最终强制重置 - 确保没有任何空白 */
|
||||
.ant-layout-sider {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
border: none !important;
|
||||
background: #001529 !important;
|
||||
}
|
||||
|
||||
.ant-layout-sider .ant-menu {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
border: none !important;
|
||||
background: transparent !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
.ant-layout-sider .ant-menu ul {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.ant-layout-sider .ant-menu li {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.ant-layout-sider .ant-menu li:first-child {
|
||||
margin-top: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
border-top: none !important;
|
||||
}
|
||||
|
||||
/* 强制重置菜单项样式 */
|
||||
.ant-layout-sider .ant-menu-item {
|
||||
margin: 0 !important;
|
||||
padding: 0 16px !important;
|
||||
height: 48px !important;
|
||||
line-height: 48px !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.ant-layout-sider .ant-menu-item:first-child {
|
||||
margin-top: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
border-top: none !important;
|
||||
}
|
||||
|
||||
.ant-layout-sider .ant-menu-submenu-title {
|
||||
margin: 0 !important;
|
||||
padding: 0 16px !important;
|
||||
height: 48px !important;
|
||||
line-height: 48px !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
/* 确保头部完全显示 */
|
||||
.ant-layout-header {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
line-height: 64px !important;
|
||||
height: 64px !important;
|
||||
position: fixed !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
z-index: 1001 !important;
|
||||
width: 100vw !important;
|
||||
box-sizing: border-box !important;
|
||||
}
|
||||
|
||||
/* 强制重置所有可能的头部样式 */
|
||||
.ant-layout-header * {
|
||||
box-sizing: border-box !important;
|
||||
}
|
||||
|
||||
/* 确保头部内容不被截断 */
|
||||
.ant-layout-header .logo,
|
||||
.ant-layout-header .user-info {
|
||||
line-height: 64px !important;
|
||||
height: 64px !important;
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
Reference in New Issue
Block a user