init

MaxKey-React @ 6927241f

-Subproject commit 6927241fd5a82b47706f552e1699c9689ea1cd40

summer-ospp/2022/MaxKey-React/README.md

+# 			Maxkey-web-app(React版本)
+
+# 界面
+
+登录页面
+
+![image](https://user-images.githubusercontent.com/71813516/187018831-999a18f5-8245-4cc7-a8b8-5feac8c89030.png)
+
+
+用户列表页面
+
+![image](https://user-images.githubusercontent.com/71813516/187018865-b0ebd84d-1221-4912-86aa-0e515cee2af0.png)
+
+个人页面
+
+![image](https://user-images.githubusercontent.com/71813516/187018879-2982140e-00e1-4a03-b05d-6a9fdd411617.png)
+
+
+忘记密码页面：
+
+![image](https://user-images.githubusercontent.com/71813516/187018890-f3f7edfc-2271-4fa3-a719-947085888006.png)
+
+
+# 📚使用指南
+
+# Getting Started with Create React App
+
+This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `npm start`
+
+Runs the app in the development mode.\
+Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+
+The page will reload if you make edits.\
+You will also see any lint errors in the console.
+
+### `npm test`
+
+Launches the test runner in the interactive watch mode.\
+See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
+
+### `npm run build`
+
+Builds the app for production to the `build` folder.\
+It correctly bundles React in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.\
+Your app is ready to be deployed!
+
+See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
+
+### `npm run eject`
+
+**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
+
+If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
+
+Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
+
+You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
+
+## Learn More
+
+You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
+
+To learn React, check out the [React documentation](https://reactjs.org/).

summer-ospp/2022/MaxKey-React/package.json

+{
+  "name": "react-sdk",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.3.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/crypto-js": "^4.1.1",
+    "@types/jest": "^27.5.2",
+    "@types/js-cookie": "^3.0.2",
+    "@types/node": "^16.11.47",
+    "@types/react": "^18.0.15",
+    "@types/react-dom": "^18.0.6",
+    "antd": "^4.22.3",
+    "axios": "^0.27.2",
+    "crypto-js": "^4.1.1",
+    "element-plus": "^2.2.12",
+    "element-react": "^1.4.34",
+    "element-theme-default": "^1.4.13",
+    "js-cookie": "^3.0.1",
+    "node-sass": "^7.0.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.3.0",
+    "react-scripts": "5.0.1",
+    "sass-loader": "^13.0.2",
+    "svg-sprite-loader": "^6.0.11",
+    "svgo-loader": "^3.0.1",
+    "typescript": "^4.7.4",
+    "web-vitals": "^2.1.4"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

summer-ospp/2022/MaxKey-React/public/assets/social/LICENSE

+MIT License
+
+Copyright (c) 2020 JustAuth
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

summer-ospp/2022/MaxKey-React/public/assets/social/README.md

+# justauth-oauth-logo
+
+justauth配套的第三方平台logo
+
+# 使用方法
+
+按照以下规则引用
+```text
+https://cdn.jsdelivr.net/gh/justauth/justauth-oauth-logo@1.2/[platform].png
+```
+
+其中的`[platform]`请替换为对应的平台名即可，比如：
+
+- github: [https://cdn.jsdelivr.net/gh/justauth/justauth-oauth-logo@1.2/github.png](https://cdn.jsdelivr.net/gh/justauth/justauth-oauth-logo@1.2/github.png)
+- gitee: [https://cdn.jsdelivr.net/gh/justauth/justauth-oauth-logo@1.2/gitee.png](https://cdn.jsdelivr.net/gh/justauth/justauth-oauth-logo@1.2/gitee.png)
+- qq: [https://cdn.jsdelivr.net/gh/justauth/justauth-oauth-logo@1.2/qq.png](https://cdn.jsdelivr.net/gh/justauth/justauth-oauth-logo@1.2/qq.png)

summer-ospp/2022/MaxKey-React/public/assets/social/wechat-enterprise.svg

+
+<svg width="148px" height="123px" viewBox="0 0 148 123" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="页面2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="画板" transform="translate(-23.000000, -18.000000)" fill-rule="nonzero">
+            <g id="project|images|officialImages|LogoSingle.svg" transform="translate(23.000000, 17.000000)">
+                <g id="编组">
+                    <path d="M117.435484,33.3870968 C115.023473,28.4605235 111.847099,23.9466438 108.024194,20.0129032 C98.2016129,9.84193548 84.45,3.29032258 69.3,1.56290323 C66.6398401,1.25811411 63.9646564,1.10303099 61.2870968,1.0983871 C58.8145161,1.0983871 56.2354839,1.24354839 53.6177419,1.52903226 C38.4048387,3.18387097 24.5758065,9.70645161 14.6806452,19.8774194 C10.8441754,23.7979536 7.65155149,28.3002882 5.22096774,33.2177419 C2.03101865,39.6503106 0.370100031,46.732812 0.367741935,53.9129032 C0.367741935,63.15 3.17419355,72.2516129 8.48709677,80.2451613 C11.1774194,84.2951613 15.5758065,89.3951613 19.6258065,92.9903226 L19.6258065,93 L17.7967742,107.390323 C17.7241935,107.583871 17.6467742,107.777419 17.6032258,107.985484 C17.5548387,108.174194 17.5451613,108.367742 17.5258065,108.56129 C17.516129,108.706452 17.4774194,108.851613 17.4774194,109.001613 C17.4774194,109.16129 17.516129,109.316129 17.5258065,109.475806 C17.7677419,111.841935 19.7419355,113.695161 22.1709677,113.695161 C23.0177419,113.695161 23.8016129,113.453226 24.483871,113.06129 L24.5516129,113.022581 C24.6483871,112.964516 24.7548387,112.91129 24.8516129,112.848387 L29.2209677,110.651613 L42.2370968,104.109677 C45.9575199,105.165173 49.7618794,105.898524 53.6080645,106.301613 C58.8239685,106.872291 64.0873438,106.857684 69.3,106.258065 C74.5393588,105.659015 79.6915375,104.454188 84.6532258,102.667742 C80.8972762,101.421323 78.5033695,97.7420971 78.8854839,93.8032258 C75.4016129,94.916129 71.7629032,95.7048387 67.9983871,96.1354839 C63.6329035,96.638617 59.2248234,96.651601 54.8564516,96.1741935 C54.4209677,96.1258065 53.9758065,96.0532258 53.5306452,95.9951613 C50.6180812,95.612724 47.7388136,95.0093719 44.9177419,94.1903226 C44.3387644,94.0066003 43.7348467,93.9135643 43.1274194,93.9145161 C42.1596774,93.9145161 41.2306452,94.1709677 40.2822581,94.6596774 C40.1564516,94.7274194 40.0403226,94.7806452 39.9145161,94.8532258 L29.2209677,101.158065 L28.7564516,101.433871 L28.7419355,101.43871 C28.5145161,101.574194 28.3790323,101.627419 28.2580645,101.627419 C27.8590835,101.616859 27.5434907,101.286135 27.5516129,100.887097 L27.9629032,99.2177419 L28.4370968,97.4032258 L29.2209677,94.4322581 L30.0870968,91.1129032 C30.6776916,89.2725956 30.0271836,87.2606953 28.4709677,86.1145161 C26.9072513,84.9531977 25.415776,83.6976437 24.0048387,82.3548387 C21.5854839,80.0564516 19.4564516,77.5451613 17.666129,74.8548387 C13.4612903,68.5258065 11.2403226,61.3451613 11.2403226,54.0822581 C11.2403226,48.45 12.5274194,42.9677419 15.0629032,37.7951613 C17.014735,33.8531533 19.5769492,30.2441709 22.6548387,27.1016129 C30.783871,18.7403226 42.2274194,13.3741935 54.8612903,12.0048387 C57.0580645,11.7629032 59.2209677,11.6419355 61.2870968,11.6419355 C63.4596774,11.6419355 65.7193548,11.7725806 68.0032258,12.0290323 C80.5790323,13.4612903 91.95,18.8516129 100.020968,27.2129032 C103.086423,30.3651735 105.634024,33.9824411 107.569355,37.9306452 C110.040269,42.9567097 111.32799,48.4816592 111.333871,54.0822581 C111.333871,54.6629032 111.3,55.2435484 111.270968,55.8241935 C114.600504,53.7738997 118.901935,54.2763005 121.669355,57.0387097 C121.814516,57.183871 121.930645,57.3387097 122.056452,57.4887097 C122.153226,56.2983871 122.206452,55.1080645 122.206452,53.9129032 C122.204449,46.7948574 120.572412,39.7718013 117.435484,33.3822581" id="路径" fill="#0082F0"></path>
+                    <path d="M116.85,107.167742 C116.515161,107.090116 116.175786,107.033554 115.833871,106.998387 C110.249041,105.959649 105.157632,103.121647 101.337097,98.9177419 L101.337097,98.9225806 C100.792866,98.3923235 99.9973576,98.2118288 99.2775758,98.4552913 C98.5577941,98.6987537 98.0351928,99.3250923 97.9245944,100.076842 C97.8139959,100.828592 98.1340622,101.578905 98.7532258,102.019355 C98.9516129,102.212903 99.15,102.396774 99.3387097,102.590323 C102.992266,106.237598 105.481215,110.887117 106.490323,115.95 C106.524643,116.532635 106.620333,117.110024 106.775806,117.672581 C107.567251,120.587175 109.851933,122.859117 112.770907,123.634251 C115.689882,124.409386 118.800717,123.570225 120.933871,121.432258 C123.111899,119.251616 123.936577,116.061609 123.088281,113.098604 C122.239985,110.135599 119.852058,107.865347 116.85,107.167742" id="路径" fill="#FB6500"></path>
+                    <path d="M144.890323,85.5145161 C142.581991,83.1994305 139.147161,82.4199612 136.065664,83.5119279 C132.984167,84.6038947 130.806538,87.3722084 130.470968,90.6241935 C129.435417,96.2110312 126.603032,101.306607 122.404839,105.135484 C121.858559,105.678126 121.66682,106.483386 121.90993,107.213988 C122.15304,107.944591 122.789034,108.47442 123.551531,108.581563 C124.314029,108.688705 125.07141,108.354666 125.506452,107.719355 L126.072581,107.133871 C129.712217,103.47598 134.357529,100.983209 139.417742,99.9725806 C139.998597,99.9396825 140.574362,99.8456138 141.135484,99.6919355 C144.04723,98.8902454 146.3136,96.6016232 147.086803,93.6821835 C147.860006,90.7627438 147.023547,87.6523484 144.890323,85.5145161" id="路径" fill="#0082F0"></path>
+                    <path d="M109.016129,61.533871 C106.711697,63.8461867 105.937783,67.2752911 107.025691,70.3532234 C108.113598,73.4311557 110.870474,75.6122884 114.116129,75.9629032 C119.701081,77.0013027 124.792592,79.8393611 128.612903,84.0435484 C129.155545,84.5898282 129.960805,84.7815672 130.691408,84.5384571 C131.42201,84.2953471 131.951839,83.6593533 132.058982,82.8968556 C132.166125,82.134358 131.832086,81.3769774 131.196774,80.9419355 C127.225539,77.220145 124.518412,72.3490094 123.454839,67.0112903 C123.425147,66.4300883 123.331022,65.853979 123.174194,65.2935484 C122.380205,62.380948 120.095618,60.1113405 117.177858,59.3365285 C114.260097,58.5617166 111.150502,59.3988978 109.016129,61.533871" id="路径" fill="#2DBC00"></path>
+                    <path d="M99.4016129,92.8548387 C99.4306452,92.6806452 99.4548387,92.516129 99.4741935,92.3419355 C100.511753,86.7533486 103.345677,81.6563634 107.545161,77.8258065 C108.12006,77.288992 108.333568,76.4686335 108.09331,75.7196646 C107.853052,74.9706958 107.202174,74.4276195 106.422283,74.3254015 C105.642392,74.2231836 104.873545,74.5801806 104.448387,75.2419355 C100.733282,79.2141715 95.8663584,81.9217784 90.5322581,82.983871 C89.9511384,83.020639 89.375441,83.11794 88.8145161,83.2741935 C85.9027702,84.0758837 83.6364004,86.3645058 82.8631973,89.2839455 C82.0899941,92.2033853 82.9264535,95.3137806 85.0596774,97.4516129 C87.3026293,99.6955914 90.6118149,100.497445 93.633158,99.529066 C96.6545011,98.5606868 98.8810051,95.9845735 99.4016129,92.8548387" id="路径" fill="#FFCC00"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file

summer-ospp/2022/MaxKey-React/public/index.html

+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>MaxKey单点登录认证系统</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title id="maxkey_title" name="description">MaxKey-业界领先的IAM身份管理和认证产品</title>
+  <meta http-equiv="description" content="MaxKey Single Sign-On">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <!-- Apple Touch Icon -->
+  <!-- <link rel="apple-touch-icon" href="custom-icon.png"> -->
+  <style type="text/css">
+    #preloader {
+      position: fixed;
+      top: 0;
+      left: 0;
+      z-index: 9999;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+      background: #49a9ee;
+      transition: opacity .65s
+    }
+
+    .cs-loader {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%
+    }
+
+    .cs-loader-inner {
+      position: absolute;
+      top: 50%;
+      width: 100%;
+      color: #fff;
+      text-align: center;
+      transform: translateY(-50%)
+    }
+
+    .cs-loader-inner label {
+      display: inline-block;
+      font-size: 20px;
+      opacity: 0
+    }
+
+    @keyframes lol {
+      0% {
+        transform: translateX(-300px);
+        opacity: 0
+      }
+
+      33% {
+        transform: translateX(0);
+        opacity: 1
+      }
+
+      66% {
+        transform: translateX(0);
+        opacity: 1
+      }
+
+      100% {
+        transform: translateX(300px);
+        opacity: 0
+      }
+    }
+
+    .cs-loader-inner label:nth-child(6) {
+      animation: lol 3s infinite ease-in-out
+    }
+
+    .cs-loader-inner label:nth-child(5) {
+      animation: lol 3s .1s infinite ease-in-out
+    }
+
+    .cs-loader-inner label:nth-child(4) {
+      animation: lol 3s .2s infinite ease-in-out
+    }
+
+    .cs-loader-inner label:nth-child(3) {
+      animation: lol 3s .3s infinite ease-in-out
+    }
+
+    .cs-loader-inner label:nth-child(2) {
+      animation: lol 3s .4s infinite ease-in-out
+    }
+
+    .cs-loader-inner label:nth-child(1) {
+      animation: lol 3s .5s infinite ease-in-out
+    }
+  </style>
+</head>
+
+<body>
+ <div id="root"></div>
+  <div id="preloader">
+    <div class="cs-loader">
+      <div class="cs-loader-inner">
+        <label> ●</label>
+        <label> ●</label>
+        <label> ●</label>
+        <label> ●</label>
+        <label> ●</label>
+        <label> ●</label>
+      </div>
+    </div>
+  </div>
+  <script>
+     const e=document.getElementById("preloader")
+      setTimeout(()=>{
+        e.style.display="none"
+      },2500)
+   
+  </script>
+</body>
+</html>
\ No newline at end of file

summer-ospp/2022/MaxKey-React/public/manifest.json

+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

summer-ospp/2022/MaxKey-React/public/robots.txt

+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

summer-ospp/2022/MaxKey-React/src/App.scss

+.App {
+  text-align: center;
+}
+
+.App-logo {
+  height: 40vmin;
+  pointer-events: none;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .App-logo {
+    animation: App-logo-spin infinite 20s linear;
+  }
+}
+
+.App-header {
+  background-color: #282c34;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+}
+
+.App-link {
+  color: #61dafb;
+}
+
+@keyframes App-logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

summer-ospp/2022/MaxKey-React/src/App.test.tsx

+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import App from './App';
+
+test('renders learn react link', () => {
+  render(<App />);
+  const linkElement = screen.getByText(/learn react/i);
+  expect(linkElement).toBeInTheDocument();
+});

summer-ospp/2022/MaxKey-React/src/App.tsx

+import React from 'react';
+import './App.scss';
+//import Login from "./routes/Login"
+import {useNavigate} from "react-router-dom"
+function App() {
+  let navigate = useNavigate()
+  setTimeout(()=>{
+    navigate("passport/login",{replace:true})
+  },2500)
+  return (
+     <>
+  
+     </>
+  )
+}
+export default App;
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/assets/scss/applist.scss

+ul {
+    display: flex;
+    flex-wrap: wrap;
+    li {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 256px;
+        height: 127px;
+        background-color: #fff;
+        margin-right: 24px;
+        margin-bottom: 12px;
+        img {
+            height: 65px;
+            width: 65px;
+        }
+        &:hover {
+            cursor: pointer;
+            box-shadow: 
+                0px 2px 5px 3px rgba(0,0,0,0.15) ;
+                
+        }
+    }
+    &>li:nth-child(4n){
+        margin-right: 0;
+    }
+    
+
+}

summer-ospp/2022/MaxKey-React/src/assets/scss/footer.scss

+footer {
+    padding: 30px 0;
+    border-top: 1px solid #e5e5e5;
+    text-align: center;
+    font-size: 14px;
+    color: rgba(0, 0, 0, 0.45);
+    a {
+      text-decoration: none;
+      color: #1890FF;
+    }
+  }
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/assets/scss/forgot.scss

+html,
+body {
+  height: 100%;
+  background-color: #fff;
+}
+* {
+  margin:0;
+  padding: 0
+}
+
+.form-signin {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    max-width: 460px; 
+    padding: 40px;
+    margin: auto;
+    h3 {
+        padding-bottom: 40px;
+    } 
+    .identity {
+        width: 460px;
+        display: flex;
+        align-items: center;
+        height: 44px;
+        justify-content: center;
+        .arrow {
+            width: 32px;
+            height: 32px;
+        }
+        .activeOne {
+            border-bottom: 3px solid #1890ff;     
+        }
+        .activeTwo {           
+            border-bottom: 3px solid #1890ff; 
+        }
+        span {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 230px;
+            padding: 20px;
+           
+            .one {
+                width: 32px;
+                height: 32px;
+                fill:#1890ff;
+            }
+            .two {
+                width: 32px;
+                height: 32px;
+    
+            }
+        };
+    }
+    
+    .find-type {
+        width: 460px;
+        font-size: 16px;
+        display: flex;
+        align-items: center;
+        justify-content: space-around;
+        padding: 20px 0;
+        span {
+            width: 230px;
+            // display: flex;
+            // align-items: center;
+            border: 1px solid #e5e5e5;
+            padding: 10px 10px;
+            &:hover{
+                color: #1890ff;
+                cursor: pointer;
+            }
+        }  
+    }
+    .input {
+        width: 460px;
+        min-height: 40px;
+        text-shadow: 0 1px 0 #fff;
+        border: 1px solid #e5e5e5;
+        position: relative;
+        box-sizing: border-box;
+        height: auto;
+        padding: 10px;
+        margin: 10px;
+        font-size: 16px;
+        padding-left: 25px;
+        &::placeholder {
+            color:  rgb(191, 191, 191);
+
+        }
+        &:focus {
+            outline: none;
+        }
+        &:hover{
+            border-color: #40a9ff;
+            border-right-width: 1px !important;
+        }
+    }
+    .phone {
+        position: relative;
+    }
+    .check {
+        position: relative;
+        &:hover {
+            button {
+                border-left: 1px solid #1890ff;
+            }
+        } 
+        button {
+            width: 112px;
+            height: 48px;
+            background-color: #fff;
+            border:1px solid #e5e5e5;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            &:hover {
+                cursor: pointer;
+                border: 1px solid #1890ff;
+                color: #1890ff;
+            }
+        }
+    }
+    .label {
+        position: absolute;
+        top: 20px;
+        z-index: 1;
+        left: 15px;
+    } 
+    .imageCode {
+        position:relative;
+        .code {
+            position: absolute;
+            top: 10px;
+            right: 7px;
+            img {
+                height: 47px;
+                width: 100px;
+            }
+
+        }
+    }
+    .next {
+        width: 460px;
+        font-size: 14px;
+        display: flex;
+        justify-content: space-between;
+        padding: 15px 0;
+        .btn {
+            height: 40px;
+            width: 80px;
+            background: #2E9AFE;
+            color: #fff;
+            border: none;
+            border-radius: 3px;
+            font-size: 16px;
+        }
+        a {
+        color: #1890ff;
+        text-decoration: none;
+        }
+    }
+}
+#form {
+    .ant-form-item {
+        margin-left: 455px;
+    }
+    .ant-btn {
+        margin-left: 180px;
+    }
+    a {
+        margin-left: 125px;
+    }
+
+}

summer-ospp/2022/MaxKey-React/src/assets/scss/header.scss

+header {
+  height: 64px;
+  border-bottom: 1px solid #e5e5e5;
+  padding-left: 198px;
+}
+header .title {
+  display: flex;
+  height: 100%;
+  align-items: center;
+  font-size: 28px;
+  font-weight: 650;
+}
+header .title img {
+  width: 44px;
+  height: 44px;
+}
+header .title span {
+  color: #ffd700;
+}

summer-ospp/2022/MaxKey-React/src/assets/scss/home.scss

+* {
+    margin: 0;
+    padding: 0;
+}
+.body {
+    background-color: #f5f7fa;
+    height: auto;
+    min-height: 100%;
+    overflow-x: hidden;
+}
+li {
+    list-style: none;
+}
+.header {
+    height: 64px;
+    border-bottom: 1px solid #e5e5e5;
+    padding-left: 16px;
+    position: relative;
+    display: flex;
+    align-items: center;
+    .title {
+      display: flex;
+      height: 100%;
+      align-items: center;
+      font-size: 20px;
+      font-weight: 650;
+      img {
+        width: 50px;
+        height: 50px;
+      }
+      span {
+        color: #ffd700
+      }
+    }
+    .quit {
+        position: absolute;
+        right: 16px;
+    }
+    
+  }
+.nav {
+    ul {
+        display: flex;
+        flex-flow: row wrap;
+        align-items: center;
+        background-color: #001529;
+        height: 46px;
+        padding-left: 198px;
+        li {
+            width: 80px;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;  
+            background-color: #001529;          
+            a {
+                text-decoration: none;
+                color: #a6adb4;
+            }
+            &:hover {
+                background-color: #1890ff;
+                a {
+                    color: #fff;
+                }
+            }
+        }
+      }
+}
+.container {
+    padding: 24px 198px;   
+}
+  
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/assets/scss/login.scss

+html,
+body {
+  height: 100%;
+  background-color: #fff;
+}
+* {
+  margin: 0;
+  padding: 0;
+}
+div {
+  header {
+    height: 64px;
+    border-bottom: 1px solid #e5e5e5;
+    padding-left: 198px;
+    .title {
+      display: flex;
+      height: 100%;
+      align-items: center;
+      font-size: 28px;
+      font-weight: 650;
+      img {
+        width: 44px;
+        height: 44px;
+      }
+      span {
+        color: #ffd700;
+      }
+    }
+  }
+  .form-signin {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    max-width: 370px;
+    padding: 40px;
+    margin: auto;
+    h3 {
+      padding-bottom: 40px;
+      font-weight: 600;
+    }
+    .login-type {
+      width: 370px;
+      font-size: 16px;
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+      .activeOne {
+        border: 1px solid #1890ff;
+        color: #1890ff;
+      }
+      .activeTwo {
+        border: 1px solid #1890ff;
+        color: #1890ff;
+      }
+      span {
+        border: 1px solid #e5e5e5;
+        padding: 10px 0;
+        padding-left: 46px;
+        padding-right: 47px;
+        i {
+          padding: 5px;
+        }
+      }
+      &:hover {
+        color: #1890ff;
+        cursor: pointer;
+      }
+    }
+    .form-control {
+      width: 370px;
+      min-height: 40px;
+      text-shadow: 0 1px 0 #fff;
+      border: 1px solid #e5e5e5;
+      position: relative;
+      box-sizing: border-box;
+      height: auto;
+      padding: 10px;
+      margin: 10px;
+      font-size: 16px;
+      padding-left: 25px;
+      &::placeholder {
+        color: #bfbfbf;
+        font-weight: 550;
+
+      }
+      &:focus {
+        outline: none;
+      }
+    }
+    .label {
+      position: absolute;
+      top: 25px;
+      z-index: 1;
+      left: 15px;
+    }
+    .username {
+      position: relative;
+    }
+    .password {
+      position: relative;
+      .eyes-img {
+        position: absolute;
+        right: 15px;
+        top: 25px;
+      }
+
+    }
+    .btn {
+      width: 370px;
+      height: 40px;
+      background: #2E9AFE;
+      color: #fff;
+      border: none;
+      border-radius: 3px;
+      font-size: 16px;
+    }
+    .check {
+      position: relative;
+      .code {
+        position: absolute;
+        top: 10px;
+        right: 7px;
+        img {
+          height: 47px;
+          width: 100px;
+        }
+      }
+    }
+    .remember {
+      width: 370px;
+      font-size: 14px;
+      position: relative;
+      display: flex;
+      justify-content: space-between;
+      padding: 15px 0;
+      label {
+        padding-left: 4px;
+        padding-right: 221px;
+      }
+    }
+    .otherLogin {
+      width: 370px;
+      font-size: 14px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 15px;
+      img {
+        width: 32px;
+        height: 32px;
+      }
+    }
+  }
+
+}
+

summer-ospp/2022/MaxKey-React/src/assets/scss/user.scss

+ .ant-form {
+    .ant-form-item {
+        display: inline-flex;
+     } 
+}
+
+.ant-form-item-label {
+    width: 179px;
+}
+.ant-input {
+    width: 358px;
+}
+.ant-form-item-control-input {
+    width: 358px;
+}
+ .ant-btn-primary {
+     margin-left: 550px;
+}
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/assets/svg/1.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1659701966202" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4343" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" ><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M527.520563 46.849024c-248.062669 0-449.158758 201.08585-449.158758 449.140326 0 248.054579 201.095066 449.140326 449.158758 449.140326s449.158758-201.08585 449.158758-449.140326C976.679322 247.934771 775.583232 46.849024 527.520563 46.849024zM527.520563 892.109107c-218.779546 0-396.136038-177.348198-396.136038-396.119757 0-218.773606 177.356493-396.121805 396.136038-396.121805 218.781594 0 396.137062 177.348198 396.137062 396.121805C923.656602 714.761933 746.302157 892.109107 527.520563 892.109107zM575.906509 585.772237c0 9.569997 0.533197 16.789402 1.606656 21.654221 1.072435 4.868915 2.969805 8.828109 5.693952 11.879526 2.721075 3.055616 6.639514 5.443994 11.755213 7.177421 5.112627 1.732506 11.547443 3.055616 19.304448 3.957146 7.752909 0.91177 17.981235 1.53088 30.690202 1.858355l0 22.518876L431.367843 654.817782l0-22.518876c18.31383-0.825856 31.389184-1.937101 39.228006-3.344179 7.834726-1.396838 13.817242-3.501773 17.944371-6.309683 4.123034-2.801766 7.133798-6.76096 9.035162-11.877478 1.893171-5.112422 2.844877-13.448294 2.844877-24.99625L500.420259 406.837892c0-6.763008-1.280205-11.631923-3.835494-14.602547-2.56041-2.9696-6.064333-4.455424-10.51904-4.455424-4.126106 0-9.942835 1.899213-17.449062 5.692621-7.509299 3.79648-19.841741 11.55113-37.000192 23.262822l-15.096422-26.23447L545.710592 313.039565l31.680811 0c-0.991642 15.839744-1.484902 37.784576-1.484902 65.832346L575.906501 585.77219z" p-id="4344"></path></svg>
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/assets/svg/2.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1659702016794" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8689" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M511.997953 962.919876c-248.285806 0-449.607998-201.865567-449.607998-450.964902 0-249.00826 201.322192-450.875874 449.607998-450.875874s449.612091 201.867614 449.612091 450.875874C961.610044 761.054309 760.28376 962.919876 511.997953 962.919876L511.997953 962.919876zM511.997953 130.48075c-210.102159 0-380.480594 170.830737-380.480594 381.474224 0 210.734562 170.379459 381.566322 380.480594 381.566322 210.100112 0 380.480594-170.83176 380.480594-381.566322C892.478548 301.311487 722.097042 130.48075 511.997953 130.48075L511.997953 130.48075zM434.453856 625.87249c12.57848-20.99108 37.462217-48.76975 74.648141-83.333964 29.953196-27.958772 48.317449-46.959521 55.105039-56.913221 9.137101-13.753235 13.752212-27.325345 13.752212-40.807405 0-14.838963-3.982708-26.239618-11.941983-34.202986-7.963369-7.961322-18.908652-12.033058-32.93511-12.033058-13.934361 0-24.885783 4.251837-33.121352 12.576433-8.229428 8.41567-12.935614 22.258956-14.201443 41.62298l-66.140373-6.605442c3.889587-36.646642 16.282848-62.977333 37.092803-78.902024 20.809955-15.923668 46.780443-23.977088 77.995375-23.977088 34.206056 0 61.0791 9.320273 80.623225 27.77867 19.544125 18.549471 29.317723 41.531905 29.317723 69.038376 0 15.651468-2.806929 30.581506-8.328689 44.698015-5.609765 14.114462-14.474666 28.953426-26.691919 44.515866-7.961322 10.225899-22.530133 25.064862-43.520189 44.338834-20.99108 19.271926-34.385135 32.120558-39.906895 38.4538-5.605671 6.244214-10.132778 12.487406-13.661138 18.459421l132.107807 0 0 61.800531-232.904491 0C414.276305 668.942425 421.87947 646.774543 434.453856 625.87249L434.453856 625.87249z" p-id="8690"></path></svg>
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/assets/svg/C.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1659432448361" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8445" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M479.797566 0.102331c-264.97286 0-479.777111 214.776621-479.777111 479.777111 0 264.942161 214.804251 479.781204 479.777111 479.781204 264.967744 0 479.806787-214.839043 479.806787-479.781204C959.604353 214.878952 744.765309 0.102331 479.797566 0.102331zM479.797566 895.689682c-229.640144 0-415.806147-186.160887-415.806147-415.810241 0-229.646284 186.166003-415.807171 415.806147-415.807171 229.668797 0 415.835823 186.160887 415.835823 415.807171C895.633389 709.528795 709.467385 895.689682 479.797566 895.689682z" p-id="8446"></path><path d="M564.474107 619.881033c-21.23872 17.681708-47.101761 26.486234-77.617775 26.486234-25.111934 0-48.477085-6.557346-70.091358-19.428491-21.490453-12.932544-37.358863-32.484855-47.602158-58.595536-10.18599-26.173103-15.306614-56.725956-15.306614-91.777263 0-27.172873 4.312212-53.597709 12.932544-79.148641 8.619308-25.611308 23.48897-45.979194 44.855604-61.22441 21.236674-15.116279 47.724954-22.675442 79.462796-22.675442 27.51568 0 50.376341 6.811126 68.559469 20.428262 18.176988 13.747095 32.04688 35.606962 41.60456 65.531506l53.66013-12.679787c-11.0558-37.983079-30.547737-67.469648-58.72038-88.458681-28.109198-20.990057-62.784952-31.608905-104.042611-31.608905-36.360116 0-69.6585 8.366551-99.892081 24.987091-30.300097 16.555048-53.597709 40.851407-70.028936 72.77549-16.430204 31.984459-24.617677 69.405743-24.617677 112.38665 0 39.295981 7.216355 76.154447 21.804608 110.391203 14.494109 34.358529 35.735899 60.533678 63.532989 78.585823 27.801183 18.116613 63.907519 27.111474 108.387569 27.111474 42.885739 0 79.244832-11.742439 108.917642-35.229362 29.738301-23.553439 50.291406-57.726749 61.72276-102.516862l-54.54222-13.746072C599.957249 576.153112 585.5931 602.327238 564.474107 619.881033z" p-id="8447"></path></svg>
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/assets/svg/arrow-right.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1659706641154" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9783" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M320 885.333333c-8.533333 0-17.066667-4.266667-23.466667-10.666666-12.8-12.8-10.666667-34.133333 2.133334-44.8L654.933333 512 298.666667 194.133333c-12.8-10.666667-14.933333-32-2.133334-44.8 10.666667-12.8 32-14.933333 44.8-2.133333l384 341.333333c6.4 6.4 10.666667 14.933333 10.666667 23.466667 0 8.533333-4.266667 17.066667-10.666667 23.466667l-384 341.333333c-6.4 6.4-12.8 8.533333-21.333333 8.533333z" p-id="9784"></path></svg>
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/assets/svg/email.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1659701762423" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3367" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M998.4 128H25.6C11.462 128 0 139.46 0 153.6v716.8C0 884.541 11.462 896 25.6 896h972.8c14.14 0 25.6-11.459 25.6-25.6V153.6c0-14.14-11.46-25.6-25.6-25.6z m-110.98 51.2L514.405 473.69 135.82 179.2h751.6z m85.38 639.999c0 14.141-11.46 25.602-25.6 25.602H76.8c-14.137 0-25.6-11.461-25.6-25.602V204.8c0-1.326 0.195-2.6 0.39-3.87l463.525 360.566 457.25-360.991c0.24 1.405 0.435 2.825 0.435 4.295v614.399z" fill="#231815" p-id="3368"></path></svg>
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/assets/svg/erweima.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1659340648092" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7544" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" color="#1890ff"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M167.499571 106.714419c101.652275 0 203.305472 0 304.957747 0 31.011533 3.070976 23.53705 57.657139 23.53705 93.120819 0 63.699763 0 105.683968 0 168.845517 0 36.696781 6.910669 81.674138-17.396941 92.097536-15.830221 6.788608-58.314445 2.046566-78.797824 2.046566-56.236032 0-101.948006 0-161.688986 0-37.376717 0-88.413184 8.92119-94.147994-23.536026 0-103.013171 0-206.025318 0-309.03849C148.141875 118.739354 155.493683 110.40041 167.499571 106.714419zM209.456845 176.299315c0 73.337242 0 146.673562 0 220.010803 73.340314 0 146.679603 0 220.019814 0 0-74.360627 0-148.720128 0-223.080755-72.998502 0-145.998029 0-218.996531 0C209.287987 173.401293 209.368883 174.847181 209.456845 176.299315zM576.838861 106.714419c101.652275 0 203.305472 0 304.957747 0 12.439859 4.615066 20.987802 13.123891 23.53705 27.629261 0 100.284006 0 200.569037 0 300.852019-2.790707 12.501709-9.318605 23.181005-21.490278 26.605978-19.891814 5.596467-52.943974 1.023283-76.751155 1.023283-56.09175 0-102.084096 0-156.572262 0-23.611699 0-58.605056 4.973261-77.774438-1.023283-27.060429-8.465818-19.44361-61.287834-19.44361-98.23744 0-49.081856 0-106.373734 0-157.589197C553.301811 163.312538 543.937126 112.675226 576.838861 106.714419zM618.796134 176.299315c0 73.337242 0 146.673562 0 220.010803 73.340314 0 146.679603 0 220.019814 0 0-74.360627 0-148.720128 0-223.080755-72.998502 0-145.998029 0-218.996531 0C618.627277 173.401293 618.70807 174.847181 618.796134 176.299315zM309.744947 240.76759c30.642074-5.782733 54.739866 14.920806 55.260774 42.978816 0.686694 37.000704-37.105562 57.326592-66.517606 41.955533C264.839475 308.11648 267.053978 248.824115 309.744947 240.76759zM719.084237 240.76759c72.177766-13.484134 70.79424 100.818125 0 89.027686C674.031309 322.292326 672.577126 249.456435 719.084237 240.76759zM470.41065 878.28736c-100.62889 0-201.257779 0-301.887693 0-12.532941-3.840512-20.999066-11.747533-24.560333-24.559309 0-102.67136 0-205.343744 0-308.015206 2.980966-9.013248 9.862042-19.528806 20.466995-22.512742 20.032-5.636403 52.753613-1.023283 76.751155-1.023283 55.154381 0 105.117286 0 156.572262 0 23.139942 0 56.816333-5.164646 77.774438 1.023283 28.353946 8.370688 20.466995 60.335206 20.466995 97.214054 0 56.6912 0 105.050522 0 162.705715C495.994368 822.923366 504.565862 874.733363 470.41065 878.28736zM209.456845 591.761613c0 73.338266 0 146.673562 0 220.010803 73.340314 0 146.679603 0 220.019814 0 0-74.360627 0-148.720128 0-223.080755-72.998502 0-145.998029 0-218.996531 0C209.287987 588.86359 209.368883 590.309581 209.456845 591.761613zM905.333555 549.80608c0 28.652544 0 57.30519 0 85.957734-2.387456 28.994355-0.341811 62.420685-1.023386 93.120819-72.657715 0-145.31543 0-217.973146 0 0-16.713626 0-33.428378 0-50.142003-20.468019-2.38633-45.367091-0.341811-67.540992-1.023283-2.387456 64.810086-0.340787 134.052045-1.023386 200.568013-13.303501 0-26.607002 0-39.910605 0-34.315981-6.877594-24.560333-58.36841-24.560333-99.260723 0-57.040077 0-103.972045 0-158.61248 0-23.849165-4.827136-59.602432 1.023386-78.794547 6.980301-22.897459 37.250867-19.44279 67.540992-19.44279 51.208294 0 96.830259 0 148.385485 0 0 45.366272 0 90.733466 0 136.099738 22.854451 0 45.709926 0 68.564275 0 0.681574-45.025485-1.364173-92.77911 1.023386-136.099738C872.833024 520.224358 903.395328 520.705229 905.333555 549.80608zM314.86167 655.206605c32.719462-3.621478 59.766579 27.822694 47.073997 62.421709-17.593446 47.957197-101.713613 29.932749-85.961216-30.699213C280.328806 670.169395 292.905779 657.636966 314.86167 655.206605zM760.018125 878.28736c-24.560333 0-49.120666 0-73.681101 0 0.681574-26.266214-1.363149-55.257498 1.023386-79.817933 24.219546 0 48.43817 0 72.657715 0C760.018125 825.075405 760.018125 851.681382 760.018125 878.28736zM905.333555 798.469427c0 17.396224 0 34.792448 0 52.18857-2.844877 14.55145-11.35401 23.438848-24.560333 27.629261-17.396941 0-34.793882 0-52.19072 0 0.681574-26.266214-1.363149-55.257498 1.023386-79.817933C854.848717 798.469427 880.090624 798.469427 905.333555 798.469427z" p-id="7545"></path></svg>
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/assets/svg/eyes-close.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1659276219845" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5797" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M512 266.723556c-19.996444 0-39.196444 1.422222-57.628444 4.124444-23.324444 3.356444-45.056-12.088889-48.554667-34.531556-3.527111-22.442667 12.515556-43.377778 35.84-46.734222 22.613333-3.299556 46.08-5.034667 70.343111-5.034666 175.388444 0 303.36 91.022222 385.308444 177.777777a761.059556 761.059556 0 0 1 114.858667 159.175111c2.56 4.864 5.063111 9.756444 7.480889 14.705778l0.426667 0.938667 0.170666 0.341333v0.085334l0.028445 0.028444-38.968889 16.725333 39.025778 16.725334-0.085334 0.113777-0.085333 0.227556-0.341333 0.739556a624.355556 624.355556 0 0 1-22.613334 41.642666 770.389333 770.389333 0 0 1-67.84 96.227556 43.804444 43.804444 0 0 1-59.591111 6.144 40.078222 40.078222 0 0 1-7.196444-57.287111 686.478222 686.478222 0 0 0 71.168-104.533334 678.968889 678.968889 0 0 0-99.555556-136.675555C760.945778 340.053333 654.165333 266.723556 512 266.723556z m469.333333 287.601777l38.968889 16.725334a39.822222 39.822222 0 0 0 0-33.450667l-38.968889 16.725333zM186.965333 359.594667c8.391111 7.338667 13.368889 17.578667 13.909334 28.444444 0.512 10.894222-3.470222 21.532444-11.093334 29.582222a679.168 679.168 0 0 0-99.555555 136.704 679.367111 679.367111 0 0 0 99.555555 136.704C263.111111 768.568889 369.834667 841.927111 512 841.927111a394.808889 394.808889 0 0 0 134.4-23.239111c21.902222-7.395556 45.909333 3.470222 54.044444 24.405333 8.106667 20.935111-2.616889 44.259556-24.177777 52.536889A483.185778 483.185778 0 0 1 512 924.103111c-175.388444 0-303.36-91.022222-385.308444-177.777778a760.917333 760.917333 0 0 1-114.858667-159.175111c-2.56-4.835556-5.063111-9.756444-7.480889-14.705778l-0.426667-0.938666-0.170666-0.341334-0.028445-0.056888v-0.056889l38.968889-16.725334L3.640889 537.6l0.056889-0.028444 0.028444-0.085334 0.142222-0.341333 0.426667-0.938667 1.621333-3.185778c8.817778-17.464889 18.488889-34.531556 28.842667-51.171555a763.505778 763.505778 0 0 1 91.875556-119.523556 43.349333 43.349333 0 0 1 29.582222-13.368889c11.292444-0.540444 22.357333 3.299556 30.72 10.638223zM42.666667 554.325333L3.697778 537.6a39.822222 39.822222 0 0 0 0 33.450667l38.968889-16.725334z" p-id="5798"></path><path d="M469.816889 364.544c0-22.784 19.000889-41.272889 42.439111-41.272889 128.113778 0 229.233778 104.391111 229.233778 229.916445 0 14.734222-8.106667 28.359111-21.219556 35.754666a43.52 43.52 0 0 1-42.467555 0 41.073778 41.073778 0 0 1-21.219556-35.754666c0-82.915556-66.133333-147.370667-144.327111-147.370667-23.438222 0-42.439111-18.488889-42.439111-41.272889z m-130.929778 107.008c22.926222 4.807111 37.489778 26.737778 32.568889 49.038222a151.04 151.04 0 0 0-3.527111 32.597334c0 82.915556 66.133333 147.370667 144.327111 147.370666 11.207111 0 22.072889-1.28 32.483556-3.697778 22.755556-5.376 45.710222 8.248889 51.2 30.407112 5.546667 22.158222-8.476444 44.458667-31.260445 49.806222a229.063111 229.063111 0 0 1-52.423111 5.973333c-128.113778 0-229.233778-104.391111-229.233778-229.916444 0-17.066667 1.877333-33.848889 5.432889-49.92 2.360889-10.695111 9.016889-20.053333 18.488889-25.998223 9.443556-5.973333 20.935111-7.992889 31.943111-5.688888v0.028444zM100.209778 111.303111a43.320889 43.320889 0 0 1 60.017778 0L924.302222 854.186667c16.099556 16.213333 15.872 41.955556-0.512 57.856a43.320889 43.320889 0 0 1-59.505778 0.512L100.209778 169.671111a40.476444 40.476444 0 0 1 0-58.368z" p-id="5799"></path></svg>
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/assets/svg/eyes-open.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1659276181380" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5643" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M515.2 224c-307.2 0-492.8 313.6-492.8 313.6s214.4 304 492.8 304 492.8-304 492.8-304S822.4 224 515.2 224zM832 652.8c-102.4 86.4-211.2 140.8-320 140.8s-217.6-51.2-320-140.8c-35.2-32-70.4-64-99.2-99.2-6.4-6.4-9.6-12.8-16-19.2 3.2-6.4 9.6-12.8 12.8-19.2 25.6-35.2 57.6-70.4 92.8-102.4 99.2-89.6 208-144 329.6-144s230.4 54.4 329.6 144c35.2 32 64 67.2 92.8 102.4 3.2 6.4 9.6 12.8 12.8 19.2-3.2 6.4-9.6 12.8-16 19.2C902.4 585.6 870.4 620.8 832 652.8z" p-id="5644"></path><path d="M512 345.6c-96 0-169.6 76.8-169.6 169.6 0 96 76.8 169.6 169.6 169.6 96 0 169.6-76.8 169.6-169.6C681.6 422.4 604.8 345.6 512 345.6zM512 640c-67.2 0-121.6-54.4-121.6-121.6 0-67.2 54.4-121.6 121.6-121.6 67.2 0 121.6 54.4 121.6 121.6C633.6 582.4 579.2 640 512 640z" p-id="5645"></path></svg>
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/assets/svg/key.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1659276141373" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3399" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M608 112c-167.9 0-304 136.1-304 304 0 70.3 23.9 135 63.9 186.5l-41.1 41.1-62.3-62.3c-3.1-3.1-8.2-3.1-11.4 0l-39.8 39.8c-3.1 3.1-3.1 8.2 0 11.4l62.3 62.3-44.9 44.9-62.3-62.3c-3.1-3.1-8.2-3.1-11.4 0l-39.8 39.8c-3.1 3.1-3.1 8.2 0 11.4l62.3 62.3-65.3 65.3c-3.1 3.1-3.1 8.2 0 11.3l42.3 42.3c3.1 3.1 8.2 3.1 11.3 0l253.6-253.6C473 696.1 537.7 720 608 720c167.9 0 304-136.1 304-304S775.9 112 608 112z m161.2 465.2C726.2 620.3 668.9 644 608 644c-60.9 0-118.2-23.7-161.2-66.8-43.1-43-66.8-100.3-66.8-161.2 0-60.9 23.7-118.2 66.8-161.2 43-43.1 100.3-66.8 161.2-66.8 60.9 0 118.2 23.7 161.2 66.8 43.1 43 66.8 100.3 66.8 161.2 0 60.9-23.7 118.2-66.8 161.2z" p-id="3400"></path></svg>
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/assets/svg/lock.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1659343038542" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8586" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M753.845117 371.674021l-17.46272 0 0-83.669608c0-59.275012-22.62837-115.203812-63.715137-157.482731-42.170448-43.394323-99.369172-67.291592-161.058163-67.291592-126.040624 0-224.772276 98.731652-224.772276 224.7733l0 83.669608-16.680914 0c-62.788022 0-113.688295 50.900274-113.688295 113.688295L156.467611 842.961784c0 62.788022 50.900274 113.688295 113.688295 113.688295l483.690234 0c62.788022 0 113.688295-50.900274 113.688295-113.688295L867.534436 485.362316C867.532389 422.574295 816.633139 371.674021 753.845117 371.674021zM328.176344 288.005436c0-102.858646 80.573083-183.432753 183.431729-183.432753 50.423413 0 97.093339 19.447934 131.410935 54.762231 33.547047 34.519188 52.021817 80.214926 52.021817 128.670521l0 83.669608L328.176344 371.675044 328.176344 288.005436zM826.191842 842.961784c0 39.956014-32.390711 72.346725-72.346725 72.346725L270.154883 915.308509c-39.956014 0-72.346725-32.390711-72.346725-72.346725L197.808158 485.362316c0-39.956014 32.390711-72.346725 72.346725-72.346725l483.690234 0c39.956014 0 72.346725 32.390711 72.346725 72.346725L826.191842 842.961784z" p-id="8587"></path><path d="M509.932921 580.446905c-11.416004 0-20.670785 9.254781-20.670785 20.670785l0 109.554138c0 11.414981 9.254781 20.670785 20.670785 20.670785 11.416004 0 20.670785-9.254781 20.670785-20.670785L530.603707 601.116667C530.602683 589.701686 521.348925 580.446905 509.932921 580.446905z" p-id="8588"></path></svg>
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/assets/svg/logo.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="222px" height="222px" viewBox="-4.092 0 222 222" enable-background="new -4.092 0 222 222"
+	 xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M195.333,129.506c-0.446,0-0.893,0-1.488-0.148c-6.399-0.744-11.013-6.548-10.269-12.947l6.994-57.891
+	c0.447-3.721-1.785-7.293-5.208-8.483l-47.176-16.816c-6.103-2.232-9.228-8.78-7.144-14.882c2.232-6.102,8.78-9.227,14.882-7.144
+	l47.176,16.816c13.989,4.911,22.472,18.603,20.687,33.336l-6.995,57.891C206.197,125.042,201.137,129.506,195.333,129.506z"/>
+<path fill="#FFFFFF" d="M104.851,222.222c-5.209,0-10.417-1.34-15.329-4.019l-61.016-33.931
+	c-8.781-4.911-14.733-13.691-15.924-23.663L0.23,60.007c-1.786-14.733,6.995-28.723,20.983-33.634L96.665,0.627
+	c6.102-2.083,12.799,1.19,14.882,7.292c2.084,6.103-1.19,12.799-7.292,14.883L28.803,48.547c-3.572,1.191-5.804,4.763-5.357,8.632
+	l12.352,100.603c0.298,2.53,1.786,4.762,4.018,6.102l61.016,33.931c2.381,1.34,5.358,1.34,7.739,0l66.076-36.163
+	c2.232-1.19,3.87-3.571,4.167-6.102c0.744-6.399,6.549-11.013,12.948-10.269c6.398,0.744,11.012,6.548,10.269,12.947
+	c-1.191,9.971-7.293,18.9-16.073,23.812l-66.076,36.163C115.268,220.882,110.059,222.222,104.851,222.222z"/>
+<path fill="#FFFFFF" d="M157.086,131.441l-37.8-68.309l-0.149-0.149c-2.679-4.613-7.738-7.59-13.096-7.59s-10.417,2.977-13.096,7.59
+	l-37.8,68.458c-2.828,5.208-1.042,11.607,4.167,14.436c5.208,2.827,11.608,1.041,14.436-4.167l7.292-13.245h50.004l7.292,13.245
+	c1.935,3.571,5.506,5.506,9.376,5.506c1.785,0,3.571-0.446,5.06-1.339C157.979,143.049,159.914,136.501,157.086,131.441z
+	 M92.796,107.183l13.245-23.96l13.245,23.96H92.796z"/>
+</svg>

summer-ospp/2022/MaxKey-React/src/assets/svg/mobile.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1659701696268" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2319" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M341.333333 896H298.666667V170.666667h469.333333v725.333333H341.333333z m0-42.666667h384V213.333333H341.333333v640z m128-42.666666v-42.666667h128v42.666667h-128z" fill="#444444" p-id="2320"></path></svg>
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/assets/svg/quit.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1660730342660" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2388" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M512.2 953.1c-99.6 0-199.7-33.3-282.2-101.7C42 695.6 15.9 416 171.7 228s435.5-214.1 623.4-58.3c53.8 44.6 95.2 99.5 123 163.1 7.5 17.2-0.3 37.3-17.6 44.9-17.2 7.5-37.3-0.3-44.9-17.6-23.5-53.8-58.5-100.2-104.1-137.9C592.6 90.3 356 112.5 224.1 271.5 92.3 430.5 114.4 667.1 273.5 799c159 131.8 395.6 109.7 527.5-49.3 19.7-23.8 36.4-49.8 49.6-77.4 8.1-17 28.5-24.1 45.4-16 17 8.1 24.1 28.5 16 45.4-15.6 32.6-35.3 63.4-58.6 91.4-87.4 105.5-213.9 160-341.2 160z" fill="#4D4D4D" p-id="2389"></path><path d="M910.9 544.6H440.8c-18.8 0-34.1-15.3-34.1-34.1s15.3-34.1 34.1-34.1h470.1c18.8 0 34.1 15.3 34.1 34.1 0 18.9-15.3 34.1-34.1 34.1z" fill="#4D4D4D" p-id="2390"></path></svg>
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/assets/svg/right.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1660099522989" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2319" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M512 0C228.430769 0 0 228.430769 0 512s228.430769 512 512 512 512-228.430769 512-512S795.569231 0 512 0z m0 945.230769C271.753846 945.230769 78.769231 752.246154 78.769231 512S271.753846 78.769231 512 78.769231s433.230769 192.984615 433.230769 433.230769-192.984615 433.230769-433.230769 433.230769z" p-id="2320" fill="#1296db"></path><path d="M716.8 330.830769l-208.738462 248.123077c-15.753846 15.753846-43.323077 19.692308-59.076923 7.876923L299.323077 472.615385c-15.753846-11.815385-43.323077-7.876923-55.138462 7.876923-11.815385 15.753846-7.876923 43.323077 7.876923 55.138461l149.661539 114.215385c19.692308 15.753846 47.261538 23.630769 74.830769 23.630769 35.446154 0 70.892308-15.753846 94.523077-43.323077l208.738462-248.123077c15.753846-15.753846 11.815385-43.323077-3.938462-55.138461-19.692308-15.753846-43.323077-15.753846-59.076923 3.938461z" p-id="2321" fill="#1296db"></path></svg>
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/assets/svg/user.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1659270517458" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1351" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M642.8 531.8c64.3-42.6 106.9-115.4 106.9-198.1C749.7 202.6 643.1 96 512 96S274.3 202.6 274.3 333.7c0 82.7 42.6 155.6 106.9 198.1C215.8 582.9 96 727.7 96 898.3c0 16.4 13.3 29.7 29.7 29.7s29.7-13.3 29.7-29.7c0-180.2 159.9-326.9 356.6-326.9 196.6 0 356.6 146.6 356.6 326.9 0 16.4 13.3 29.7 29.7 29.7s29.7-13.3 29.7-29.7c0-170.6-119.8-315.4-285.2-366.5zM333.7 333.7c0-98.3 80-178.3 178.3-178.3s178.3 80 178.3 178.3S610.3 512 512 512s-178.3-80-178.3-178.3z" fill="#47444F" p-id="1352"></path></svg>
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/components/Footer.tsx

+import React from "react"
+import {ReactComponent as C} from "../assets/svg/C.svg"
+import  "../assets/scss/footer.scss"
+export default function Footer(){
+    return (
+        <footer>
+        <div>
+        MaxKey Enterprise Edition
+        <br />
+        Version v3.5.2 GA
+        <br />
+        Copyright  
+        <C/>
+        2022 
+        <a href="//ww.maxkey.top"> MaxKey </a>
+        . All rights reserved . 
+        </div>
+      </footer>
+
+    )
+}
\ No newline at end of file

summer-ospp/2022/MaxKey-React/src/components/Header.tsx

+import React from "react"
+import "../assets/scss/header.scss"
+import logo from "../assets/logo.jpg"
+export default function Header(){
+    return(
+        <header>
+          <div className= 'title'>
+            <img src={logo} alt="" />
+              Max
+              <span>Key</span>
+              单点登录认证系统
+          </div>
+        </header>
+    )
+}
\ No newline at end of file