U - 更新Footer

This commit is contained in:
zypo 2020-01-17 20:26:55 +08:00
parent db2ef13283
commit 39e64996ce
4 changed files with 56 additions and 13 deletions

View File

@ -12,8 +12,17 @@ export default class extends React.Component {
render() { render() {
return ( return (
<Layout.Footer style={{padding: 0}}> <Layout.Footer style={{padding: 0}}>
<div className={styles.footer}> <div className={styles.footerZone}>
Copyright <Icon type="copyright"/> 2019 By Open Spug <div className={styles.linksZone}>
<a className={styles.links} title="官网" href="https://www.spug.dev" target="_blank" >官网</a>
<a className={styles.links} title="Github" href="https://github.com/openspug/spug" target="_blank" >
<Icon type="github" />
</a>
<a title="文档" href="https://www.spug.dev/docs/about-spug/" target="_blank" >文档</a>
</div>
<text>
Copyright <Icon type="copyright"/> 2019 By OpenSpug
</text>
</div> </div>
</Layout.Footer> </Layout.Footer>
) )

View File

@ -89,8 +89,20 @@
border-top: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8;
} }
.footer { .footerZone {
margin: 48px 0 24px; width: 100%;
position: fixed;
bottom: 0;
padding: 20px;
font-size: 14px;
text-align: center; text-align: center;
color: rgba(0, 0, 0, .45); display: flex;
flex-direction: column;
}
.footerZone .linksZone {
margin-bottom: 7px;
}
.footerZone .links{
margin-right: 40px;
} }

View File

@ -100,8 +100,16 @@ class LoginIndex extends React.Component {
loading={this.state.loading} loading={this.state.loading}
onClick={this.handleSubmit}>登录</Button> onClick={this.handleSubmit}>登录</Button>
</div> </div>
<div className={styles.footer}>
Copyright <Icon type="copyright"/> 2019 By Open Spug <div className={styles.footerZone}>
<div className={styles.linksZone}>
<a className={styles.links} title="官网" href="https://www.spug.dev" target="_blank" >官网</a>
<a className={styles.links} title="Github" href="https://github.com/openspug/spug" target="_blank" >
<Icon type="github" />
</a>
<a title="文档" href="https://www.spug.dev/docs/about-spug/" target="_blank" >文档</a>
</div>
<text >Copyright <Icon type="copyright" /> 2019 By OpenSpug</text>
</div> </div>
</div> </div>
) )

View File

@ -5,6 +5,8 @@
background-size: 100%; background-size: 100%;
background-color: #f0f2f5; background-color: #f0f2f5;
height: 100vh; height: 100vh;
display: flex;
flex-direction: column;
} }
.titleContainer { .titleContainer {
@ -24,12 +26,14 @@
margin-bottom: 40px; margin-bottom: 40px;
color: rgba(0, 0, 0, .45); color: rgba(0, 0, 0, .45);
font-size: 14px; font-size: 14px;
font-weight: 300; font-weight: 400;
} }
.formContainer { .formContainer {
width: 368px; width: 368px;
margin: 0 auto; margin: 0 auto;
flex: 1;
} }
.formContainer .tabs { .formContainer .tabs {
@ -49,12 +53,22 @@
margin-top: 10px; margin-top: 10px;
} }
.footer { .footerZone {
width: 100%; width: 100%;
position: fixed; bottom: 0;
bottom: 24px; padding: 20px;
font-size: 14px;
text-align: center; text-align: center;
color: rgba(0, 0, 0, .45); display: flex;
flex-direction: column;
}
.footerZone .linksZone {
margin-bottom: 7px;
}
.footerZone .links {
margin-right: 40px;
} }
.tips { .tips {