Skip to content

X
xiaomai-website-ssr-template
Commit 26cc67a8 by liguokang
Options

feat: ⚡

parent d1b94495
Showing with 104 additions and 8 deletions
components/layout/XMFooter/LaFooter.js
/*
* @Description:
* @Date: 2020-03-18 18:19:52
* @LastEditTime: 2021-07-15 10:46:49
* @LastEditTime: 2021-07-15 11:50:36
* @LastEditors: liguokang
*/
import React from 'react';
......@@ -14,7 +14,45 @@ class LaFooter extends React.Component {
render() {
return (
<footer>
<div>
<div className={style.title_con}>
<Link href="/">
<div className={style.title_item}>
<span>底部底部底部底部底部</span>
<img src={StaticImg + '/logo.png'} width={121} alt="" />
</div>
</Link>
<Link href="/">
<div className={style.title_item}>
<span>底部底部底部底部底部</span>
<img src={StaticImg + '/logo.png'} width={121} alt="" />
</div>
</Link>
<Link href="/">
<div className={style.title_item}>
<span>底部底部底部底部底部</span>
<img src={StaticImg + '/logo.png'} width={121} alt="" />
</div>
</Link>
<Link href="/">
<div className={style.title_item}>
<span>底部底部底部底部底部</span>
<img src={StaticImg + '/logo.png'} width={121} alt="" />
</div>
</Link>
<Link href="/">
<div className={style.title_item}>
<span>底部底部底部底部底部</span>
<img src={StaticImg + '/logo.png'} width={121} alt="" />
</div>
</Link>
<Link href="/">
<div className={style.title_item}>
<span>底部底部底部底部底部</span>
<img src={StaticImg + '/logo.png'} width={121} alt="" />
</div>
</Link>
</div>
<div className={style.copyright}>
<a target="_blank" href="https://beian.miit.gov.cn">
<span>Copyright ©2015-2021 杭州杰竞科技有限公司版权所有 浙ICP备15025826号-2</span>
</a>
......
components/layout/XMFooter/laFooter.less
.title_con {
width: 100%;
display: flex;
align-items: center;
justify-content: space-around;
.title_item {
background: lightcoral;
}
}
.copyright {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}
components/layout/XMHeader/laHeader.js
......@@ -2,7 +2,7 @@
* @Author: liguokang
* @Date: 2021-07-15 10:28:10
* @LastEditors: liguokang
* @LastEditTime: 2021-07-15 11:32:52
* @LastEditTime: 2021-07-15 11:49:41
* @Description:
* @Copyrigh: ©2021 杭州杰竞科技有限公司 版权所有
*/
......@@ -23,9 +23,42 @@ class LaHeader extends React.Component {
return (
<header>
<nav>
<div>
<div className={style.title_con}>
<Link href="/">
<img src={StaticImg + '/logo.png'} width={121} alt="" />
<div className={style.title_item}>
<span>头部头部头部头部</span>
<img src={StaticImg + '/logo.png'} width={121} alt="" />
</div>
</Link>
<Link href="/">
<div className={style.title_item}>
<span>头部头部头部头部</span>
<img src={StaticImg + '/logo.png'} width={121} alt="" />
</div>
</Link>
<Link href="/">
<div className={style.title_item}>
<span>头部头部头部头部</span>
<img src={StaticImg + '/logo.png'} width={121} alt="" />
</div>
</Link>
<Link href="/">
<div className={style.title_item}>
<span>头部头部头部头部</span>
<img src={StaticImg + '/logo.png'} width={121} alt="" />
</div>
</Link>
<Link href="/">
<div className={style.title_item}>
<span>头部头部头部头部</span>
<img src={StaticImg + '/logo.png'} width={121} alt="" />
</div>
</Link>
<Link href="/">
<div className={style.title_item}>
<span>头部头部头部头部</span>
<img src={StaticImg + '/logo.png'} width={121} alt="" />
</div>
</Link>
</div>
</nav>
......
components/layout/XMHeader/laHeader.less
.title_con {
width: 100%;
display: flex;
align-items: center;
justify-content: space-around;
.title_item {
background: lightcoral;
}
}
pages/index.jsx
......@@ -2,7 +2,7 @@
* @Author: liguokang
* @Date: 2021-07-14 20:36:28
* @LastEditors: liguokang
* @LastEditTime: 2021-07-15 11:28:30
* @LastEditTime: 2021-07-15 11:48:53
* @Description:
* @Copyrigh: ©2021 杭州杰竞科技有限公司 版权所有
*/
......@@ -37,8 +37,8 @@ export default function JoinUs() {
}
return (
<Layout isHome={false}>
<div className="" style={{ background: '#fff' }}>
<Layout isHome={false} className="nnnnnn">
<div className="gdfgd" style={{ background: '#fff' }} style={{ height: '85vh' }}>
{/* <Header active={"aboutUs"} /> */}
<div className="join-us">
<div className="center" style={{ textAlign: 'center' }}>
......
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