feat:layouts

config/router.ts

@@ -4,12 +4,12 @@
  */
 const router = [
   {
-    path: '/login',
+    path: '/user',
     component: '@/layouts/UserLayouts',
     routes: [
       {
-        path: '/login',
-        component: '@/pages/index'
+        path: '/user/login',
+        component: '@/pages/user'
       }
     ]
   }

src/global.less

+@import '~@/styles/theme.less';
+
+// antd default 
+h1, h2, h3, h4, h5, h6 {
+  color: #6B778C;
+}
+.@{prefix}-margin_content {
+  width: 1190px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.@{prefix}-content1024 {
+  width: 1024px;
+  margin-left: auto;
+  margin-right: auto;
+}
\ No newline at end of file

src/global.less.d.ts

+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  'lingxi-business-content1024': string;
+  'lingxi-business-margin_content': string;
+  'lingxiBusinessContent1024': string;
+  'lingxiBusinessMarginContent': string;
+}
+export const cssExports: CssExports;
+export default cssExports;

src/layouts/UserLayouts.tsx

@@ -8,6 +8,7 @@ import BaseFooter from './components/BaseFooter';
  * @author xjm
  */
 const UserLayouts:React.FC = (props) => {
+  console.log(props)
   return (
     <div className={styles.lingxiBusinessUserLayout}>
       <UserHeader/>

src/layouts/styles/UserLayouts.less

@@ -3,6 +3,7 @@
 // global
 .@{prefix}-user-layout {
   width: 100%;
+  position: relative;
 }
 
 .@{prefix}-user-bg {
@@ -17,12 +18,21 @@
   height: @header-nav-height;
   width: 100%;
   background: @white;
+  position: fixed;
+  top: 0;
+  left: 0;
 }
 
 // footer
 .@{prefix}-user-footer {
-  padding: 32px;
+  padding-bottom: 48px;
   font-size: 14px;
   color: #97A0AF;
   text-align: center;
+  &.fixed {
+    padding: 0;
+    position: fixed;
+    bottom: 48px;
+    left: 0;
+  }
 }
\ No newline at end of file

src/layouts/styles/UserLayouts.less.d.ts

 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
+  'fixed': string;
   'lingxi-business-logo': string;
   'lingxi-business-margin_content': string;
   'lingxi-business-user-bg': string;

src/pages/user/index.less

+@import '~@/global.less';
+
+.login-item {
+  flex: 1;
+}
+
+.login-ctl {
+  position: relative;
+  background: @white;
+}
+.loginMain {
+  background: @white;
+  padding: 64px 56px 0;
+  color: #6B778C;
+  &>h2 {
+    font-size: 32px;
+    margin-bottom: 32px;
+  }
+}
+.thirdLogin {
+  height: 64px;
+  background: #FAFBFC;
+  
+}
\ No newline at end of file

src/pages/user/index.less.d.ts

+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  'lingxi-business-content1024': string;
+  'lingxi-business-margin_content': string;
+  'lingxiBusinessContent1024': string;
+  'lingxiBusinessMarginContent': string;
+  'login-ctl': string;
+  'login-item': string;
+  'loginCtl': string;
+  'loginItem': string;
+  'loginMain': string;
+  'thirdLogin': string;
+}
+export const cssExports: CssExports;
+export default cssExports;

src/pages/user/index.tsx

+import React from 'react';
+import globalStyles from '@/global.less';
+import styles from './index.less'
+import cx from 'classnames';
+import { Row, Col } from 'antd';
+
+const User: React.FC = () => {
+  return (
+    <Row className={cx(globalStyles.lingxiBusinessContent1024)}>
+      <Col className={styles.loginItem}>
+        left
+      </Col>
+      <Col className={cx(styles.loginItem, styles.loginCtl)}>
+        <div className={styles.loginMain}>
+          <h2>欢迎您</h2>
+          <p>请使用平台账号登录</p>
+        </div>
+        <Row className={styles.thirdLogin} align='middle' justify='center'>
+          <Col>其他方式登录</Col>
+        </Row>
+      </Col>
+    </Row>
+  )
+}
+
+export default User
\ No newline at end of file