feat : umi add publicPath

Author: anlia260

.umirc.js

@@ -20,6 +20,7 @@ export default {
       },
     ],
   ],
+  publicPath: '/code-river-pc/',
   history: 'hash',
   cssLoaderOptions: {},
   alias: {

src/component/common/BasicHeader/index.tsx

@@ -40,7 +40,7 @@ export default class BasicHeader extends Component {
             <Search style={{ width: 30, height: 30, verticalAlign: 'middle' }} />
             <span
               onClick={() => {
-                router.push('/user');
+                router.push('/user/login');
               }}
             >
               登录

src/component/user/style.less

@@ -1,18 +1,10 @@
 import React from 'react';
-import loginbg from 'assets/images/login/loginbg.png';
+import styles from './style.less';
 
 export default function LoginLayout(props) {
   return (
-    <div
-      style={{
-        backgroundImage: `url(${loginbg})`,
-        width: '100%',
-        height: '100vh',
-        backgroundSize: 'cover',
-      }}
-      className={'cr-loginlayout'}
-    >
-      {props.children}
-    </div>
+    <article className={styles['cr-loginlayout']}>
+      <section className={styles['cr-login-container']}>{props.children}</section>
+    </article>
   );
 }

src/layouts/LoginLayout/index.tsx

@@ -0,0 +1,11 @@
+.cr-loginlayout {
+  width: 100%;
+  height: 100vh;
+  background: url(assets/images/login/loginbg.png) no-repeat center 0;
+
+  .cr-login-container {
+    height: 100vh;
+    width: 560px;
+    background: rgba(225, 225, 225, 0.9);
+  }
+}

src/layouts/LoginLayout/style.less

@@ -9,7 +9,6 @@ import { isNull } from 'util';
 
 export default function(props: ComProps) {
   const firstLevenPath = getSinglePath(props.location.pathname);
-  console.log(firstLevenPath);
   let ChlLayout = null;
   switch (firstLevenPath) {
     case 'display':

src/layouts/index.tsx

@@ -1,4 +1,3 @@
-
 .normal {
   font-family: Georgia, sans-serif;
   margin-top: 4em;

src/pages/index.css src/pages/less.csssrc/pages/index.css renamed to src/pages/less.css

@@ -0,0 +1,18 @@
+import React, { Component } from 'react';
+
+import styles from '../style.less';
+export default class Index extends Component {
+  componentDidMount() {
+    console.log('componentDidMount() {');
+  }
+
+  render() {
+    return (
+      <div className={styles.login}>
+        <div>logo</div>
+        <h1>登录</h1>
+        <p>还没有张虎？创建新账户</p>
+      </div>
+    );
+  }
+}

src/pages/user/index.tsx

@@ -0,0 +1,3 @@
+.login {
+  background: red;
+}