feats

src/pages/login/index.jsx

@@ -4,7 +4,20 @@ import './style.less'
 export default (props) => {
   return (
     <div className='login-page'>
-
+      <div className="login-card">
+        <div className="login-card-left">
+          <div className="login-form-box">
+            <div className="login-form">
+              <h3>登录系统</h3>
+              <div className="login-subtitle">欢迎使用云致管理系统</div>
+            </div>
+          </div>
+          <div className="login-copyright">
+            @南京云致
+          </div>
+        </div>
+        <div className="login-card-right"></div>
+      </div>
     </div>
   )
 }

src/pages/login/style.less

@@ -6,6 +6,35 @@
   place-items: center;
 
   .login-card {
+    width: 900px;
+    height: 600px;
+    border-radius: 8px;
+    overflow: hidden;
+    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
     
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+  }
+
+  .login-card-left {
+    background: #fff;
+  }
+
+  .login-form-box {
+    height: 560px;
+    display: grid;
+    place-items: center;
+
+    .login-form {
+      
+    }
+  }
+
+  .login-copyright {
+    font-size: 12px;
+    color: #666;
+    line-height: 40px;
+    padding-left: 20px;
+    box-sizing: border-box;
   }
 }