Pārlūkot izejas kodu

feat: header及sidebar样式调整

touchitvoid 3 gadi atpakaļ
vecāks
revīzija
259b6e4d7a

+ 5 - 2
src/layout/adminLayout/index.scss

@@ -12,14 +12,14 @@
     color: #ffffff;
     .admin-logo{
       color: inherit;
-      font-size: 26px;
+      font-size: 25px;
     }
     .back-home-icon {
       margin-right: 14px;
       font-size: 14px;
     }
     .header-right-info {
-      font-size: 14px;
+      font-size: 16px;
     }
   }
   .admin-sider {
@@ -29,6 +29,9 @@
     .ant-menu{
       color: #ffffff;
       background-color: inherit;
+      .ant-menu-item-selected {
+        background-color: rgba(230, 247, 255, .1) !important;
+      }
       .ant-menu-submenu-title{
         color: #ffffff;
         //background-color: #0090bc;

+ 5 - 3
src/layout/adminLayout/index.tsx

@@ -64,7 +64,9 @@ const AdminLayout: React.FC<RouteComponentProps & { routes: any[] }> = ({
       }}>
 				<div className='admin-logo'>
 					{/*<Link to='/'>{value.projectInfo.name}</Link>*/}
-          <span>管理中心</span>
+          <span style={{
+            marginLeft: '16px'
+          }}>管理中心</span>
 				</div>
         <div>
           <HomeOutlined
@@ -90,7 +92,7 @@ const AdminLayout: React.FC<RouteComponentProps & { routes: any[] }> = ({
                         sessionStorage.clear();
                         location.href = '/login';
                       }}>
-                      <LoginOutlined></LoginOutlined> 退出
+                      <LoginOutlined/> 退出
                     </a>
                   </Menu.Item>
                 </Menu>
@@ -112,7 +114,7 @@ const AdminLayout: React.FC<RouteComponentProps & { routes: any[] }> = ({
 			</Header>
 			<Layout className='site-layout'>
 				<Sider style={{
-          backgroundImage: `url(${BlueBackground})`
+          background: `url(${BlueBackground}) no-repeat -100px`
         }} collapsible className='admin-sider'>
 					<Menu
 						theme='light'