Skip to content

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

feat: ⚡

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