增加注册页

baseSys/userSys/vision/src/router/index.jsx

@@ -1,8 +1,9 @@
 import { Navigate } from 'react-router-dom'
 
-import Home from '@/view/Home'
-import Login from '@/view/Login'
 import Index from '@/view/Index'
+import SignIn from '@/view/SignIn'
+import SignUp from '@/view/SignUp'
+import Home from '@/view/Home'
 
 export default [
     // 路由表
@@ -11,16 +12,20 @@ export default [
         element: <Index />
     },
     {
-        path:'/login',
-        element: <Login />
+        path:'/signIn',
+        element: <SignIn />
+    },
+    {
+        path:'/signUp',
+        element: <SignUp />
     },
     {
         path: '/home',
         element: <Home />,
         children:[
             {
-                path: 'login',
-                element: <Login />,
+                path: 'signIn',
+                element: <SignIn />,
             }
         ]
     },

baseSys/userSys/vision/src/store/userStore.js

@@ -5,7 +5,13 @@ import {config} from "@/config/sys22";
 class UserStore {
     //  系统配置
     config = config;
+    //  Token
     token = '';
+    //  登陆时的注册名称
+    signInUsername = null;
+
+
+
     name = 'kangkang000';
     sex =  '男';
     userObj = {
@@ -19,6 +25,7 @@ class UserStore {
         makeObservable(this, {
             config: observable,
             token:observable,
+            signInUsername:observable,
 
             name: observable,
             sex: observable,
@@ -29,10 +36,12 @@ class UserStore {
 
     }
 
+    //  设置Token
     setToken(token){
         window.localStorage.setItem('token',token)
         this.token = token
     }
+    //  获取Token
     get token(){
         if(!this.token){
             this.token = window.localStorage.getItem('token')
@@ -42,6 +51,14 @@ class UserStore {
         }
     }
 
+    //  设置SignInUsername
+    setSignInUsername(username){
+        this.signInUsername = username
+    }
+    get signInUsername(){
+        return this.signInUsername
+    }
+
 
 
     setName(v) {

baseSys/userSys/vision/src/view/Index/index.jsx

@@ -12,7 +12,7 @@ export default function Index(){
     function go(){
         setGoOutAnimate('animate__fadeOutUp');
         setTimeout(() => {
-            navigate('/login')
+            navigate('/signIn')
         },900)
     }
     return (<div className={[css.Index, 'animate__animated', goOutAnimate].join(' ')} onClick={go} >

baseSys/userSys/vision/src/view/SignIn/index.jsx

@@ -184,6 +184,15 @@ export default function Login(){
         }
     }
 
+    //  注册
+    function signUp(){
+        userStore.setSignInUsername(userInfo)
+        setLoginStyle(['animate__zoomOut', 'animate__animated', 'animate__faster'].join(' '))
+        setTimeout(() => {
+            navigate('/signUp')
+        },500)
+    }
+
     return(
         <div className={css.login}>
             <div className={loginStyle}>
@@ -225,7 +234,7 @@ export default function Login(){
                             <div onClick={goBackPage1}>返回</div>
                             <div>
                                 {!signInOrOut && <div onClick={signIn}>登录</div>}
-                                {signInOrOut && <div>注册</div>}
+                                {signInOrOut && <div onClick={signUp}>注册</div>}
                             </div>
                         </div>
                     </div>

baseSys/userSys/vision/src/view/SignUp/index.jsx

@@ -0,0 +1,10 @@
+import css from './index.module.scss'
+import {userStore, netStore} from "@/store";
+
+export default function SignUp(){
+
+    console.log(userStore.signInUsername)
+    return <div className={css.SignUp}>
+        SignUp
+    </div>
+}

baseSys/userSys/vision/src/view/SignUp/index.module.scss

@@ -0,0 +1,16 @@
+.SignUp {
+    position: relative;
+    height: 100%;
+    width: 100%;
+
+    background-image: linear-gradient(to bottom, transparent 75%, #ffffff 100%), radial-gradient(at 0% 0%, hsla(154, 4%, 50%, 0.25) 0, transparent 50%), radial-gradient(at 0% 50%, hsla(120, 5%, 50%, 0.23) 0, transparent 50%), radial-gradient(at 40% 40%, hsla(120, 4%, 50%, 0.21) 0, transparent 50%), radial-gradient(at 80% 0%, #ffffff 0, transparent 50%), radial-gradient(at 80% 50%, #ffffff 0, transparent 50%), radial-gradient(at 80% 50%, #ffffff 0, transparent 50%), linear-gradient(to bottom, transparent 75%, #ffffff 100%);
+    background-position: center;
+    background-size: cover;
+    background-repeat: no-repeat;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    user-select: none;
+}