功能：样式优化

f297a5b4 · ZhangLingKun · c948769b · f297a5b4 · f297a5b4 · f297a5b4
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="zh-Hans">
  <head>
    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/src/assets/icon/logo.svg" />
+    <link rel="icon" type="image/svg+xml" href='/src/assets/icon/logo_big.png' />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>云享飞-管理平台</title>
  </head>

--- a/src/assets/icon/logo.png
+++ b/src/assets/icon/logo.png
--- a/src/assets/icon/logo_big.png
+++ b/src/assets/icon/logo_big.png
--- a/src/assets/theme/index.tsx
+++ b/src/assets/theme/index.tsx
-import { Empty, theme } from 'antd';
+import { Empty } from 'antd';
 import React from 'react';

 export const themeConfig = {
-  algorithm: [theme.compactAlgorithm],
+  algorithm: [], // theme.compactAlgorithm
  token: {
    // fontSize: 12,
  },

--- a/src/components/layout/index.scss
+++ b/src/components/layout/index.scss
-$page-background: #F6F7FB;
+//$page-background: #F6F7FB;
+$page-background: #f0f2f5;
 .layout-view {
  position: fixed;
  top: 0;
@@ -47,6 +48,10 @@ $page-background: #F6F7FB;
      background: transparent;
      //font-size: 14px;
    }
+    .ant-layout-sider-children{
+      border-radius: 10px;
+      overflow: hidden;
+    }

    .ant-menu-item {
      transform: translateX(10px);
@@ -111,9 +116,10 @@ $page-background: #F6F7FB;
    }

    .logo-text {
+      min-width: 100px;
      font-size: 18px;
-      //color: #ffffff;
-      text-align: center;
+      color: #ffffff;
+      text-align: left;
      animation: fadeIn 0.618s ease-in-out;
      animation-fill-mode: forwards;
      font-family: YouSheBiaoTiHei;
@@ -150,13 +156,14 @@ $page-background: #F6F7FB;
      .user-company {
        font-size: 12px;
        font-weight: 600;
-        //color: #ffffff;
+        color: #ffffff;
      }

      .user-name {
        font-size: 12px;
        font-weight: normal;
-        color: #7f828a;
+        //color: #7f828a;
+        color: #F6F7FB;
      }
    }

@@ -164,7 +171,8 @@ $page-background: #F6F7FB;
      margin-right: 10px;
      width: 24px;
      height: 24px;
-      border:1px solid #1677ff;
+      border:1px solid #ffffff;
+      //border:1px solid #1677ff;
      border-radius: 2px;
      padding: 0;
      line-height: normal;
@@ -172,6 +180,7 @@ $page-background: #F6F7FB;
      align-items: center;
      justify-content: center;
      flex-direction: column;
+      color: #ffffff;
    }
  }


--- a/src/components/layout/menu/index.tsx
+++ b/src/components/layout/menu/index.tsx
@@ -35,7 +35,7 @@ export function MenuView() {
  };
  // 递归将路由转换为侧边栏数据
  const getItem = (routerList: RouteObjectType[]) => {
-    const list: Array<MenuItem> = routerList.map((i, j) => {
+    const list: Array<MenuItem> = routerList.map((i) => {
      if (i.children?.length) {
        return {
          label: i.meta?.title,

--- a/src/components/layout/title/index.scss
+++ b/src/components/layout/title/index.scss
@@ -5,7 +5,7 @@
  height: 20px;
  fill: currentColor;
  transform: translateY(-3px);
-  //color: #fff;
+  color: #fff;
 }

 .hamburger.is-active {

--- a/src/components/layout/title/index.tsx
+++ b/src/components/layout/title/index.tsx
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { Header } from 'antd/es/layout/layout';
 import { DownOutlined, UpOutlined } from '@ant-design/icons';
 import { Button, Dropdown, MenuProps, Modal } from 'antd';
-import Logo from '../../../assets/icon/logo.svg';
+import Logo from '../../../assets/icon/logo_big.png';
 import './index.scss';

 export function TitleView() {
@@ -38,7 +38,8 @@ export function TitleView() {
  return (
    <Header
      style={{
-        background: '#ffffff',
+        // background: '#ffffff',
+        background: 'linear-gradient(137deg,#0165d0,#18a2fe)',
        height: 40,
        padding: '0 10px',
        position: 'relative',
@@ -71,8 +72,8 @@ export function TitleView() {
          arrow
        >
          <div className='user-action'>
-            <UpOutlined style={{ fontSize: 10, color: '#8287A0' }} />
-            <DownOutlined style={{ fontSize: 10, color: '#8287A0' }} />
+            <UpOutlined style={{ fontSize: 10, color: '#ffffff' }} />
+            <DownOutlined style={{ fontSize: 10, color: '#ffffff' }} />
          </div>
        </Dropdown>
      </div>