Commit 751da7be authored by nano's avatar nano

fix footer

parent 7b231c98
import { Redirect, Route, Router } from 'dva/router'; import { Redirect, Route, Router } from 'dva/router';
import QueueAnim from 'rc-queue-anim'
import React from 'react'; import React from 'react';
import Active from './routes/Activate.js'; import Active from './routes/Activate.js';
......
...@@ -125,7 +125,7 @@ const particleConfig = { ...@@ -125,7 +125,7 @@ const particleConfig = {
function Index({ dispatch, children, messages }) { function Index({ dispatch, children, messages }) {
return ( return (
<div style={{ display: 'flex', flexDirection: 'column', flex: 1, height: '100vh' }}> <div style={{ display: 'flex', flexDirection: 'column', flex: 1, height: '100vh' }}>
<DocumentTitle title={messages['title'] || 'Moe Cube'} /> <DocumentTitle title={messages['title'] || 'Moe Cube'} />
<Header style={{ display: 'flex', alignItems: 'center'}}> <Header style={{ display: 'flex', alignItems: 'center'}}>
...@@ -154,7 +154,7 @@ function Index({ dispatch, children, messages }) { ...@@ -154,7 +154,7 @@ function Index({ dispatch, children, messages }) {
/> />
{children} {children}
<Footer style={{ position: 'absolute', width: '100%', bottom: 0, left: 0, display: 'flex', justifyContent: 'space-between' }}> <Footer style={{ flex:1, width: '100%', bottom: 0, left: 0, display: 'flex', justifyContent: 'flex-end', flexDirection: 'column' }}>
<div>© MoeCube 2017 all right reserved.</div> <div>© MoeCube 2017 all right reserved.</div>
</Footer> </Footer>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment