Skip to content

X
xiaomai-website-ssr-template
Commit 91f836a2 by liguokang
Options

feat: ⚡

parent f5feaa32
Showing with 62 additions and 668 deletions
common/api/interfaces.js 0 → 100644
/*
* @Author: liguokang
* @Date: 2021-07-15 10:43:34
* @LastEditors: liguokang
* @LastEditTime: 2021-07-15 10:44:45
* @Description:
* @Copyrigh: ©2021 杭州杰竞科技有限公司 版权所有
*/
//线上
export const Interfaces = {
OnlineUrl: 'https://',
};
//静态图片根目录
export const Static = '';
export const StaticImg = '';
export default Interfaces;
components/CarouselArea.less deleted 100644 → 0
.carousel-area{
width: 100%;
overflow: hidden;
.tem{
width: 100%;
}
}
\ No newline at end of file
components/Footer.less deleted 100644 → 0
footer {
background-color: #30343e;
position: relative;
.module-model {
width: 100%;
background: linear-gradient(
313deg,
rgba(255, 188, 111, 1) 0%,
rgba(255, 162, 85, 1) 74%,
rgba(255, 153, 75, 1) 100%
);
.big-img {
.big-img-svg {
width: 150%;
transform: translate3d(-300px, 0px, 0px);
}
position: relative;
width: 100%;
height: 240px;
background-size: contain;
.wrap {
border: 1px solid transparent;
box-sizing: border-box;
position: absolute;
width: 100%;
height: 100%;
.module-img {
.btn-wrap {
display: inline-block;
width: 100%;
color: #ff8d46;
.btn-click {
width: 160px;
height: 34px;
background: #fff;
border-radius: 2px;
text-align: center;
margin: 0 auto;
line-height: 34px;
margin-bottom: 80px;
cursor: pointer;
position: absolute;
right: 50%;
margin-right: -80px;
z-index: 99;
&:hover {
opacity: 0.8;
}
}
}
}
.text {
margin: 0 auto;
font-size: 44px;
line-height: 62px;
margin-bottom: 20px;
text-align: center;
color: #fff;
margin-top: 80px;
}
}
}
}
.footer-middle {
height: 335px;
width: 100%;
border-top: 2px solid #434753;
border-bottom: 2px solid #434753;
.fl {
float: left;
}
.fr {
float: right;
}
ul {
display: flex;
justify-content: space-around;
align-items: flex-start;
padding-top: 60px;
height: 100%;
margin: 0;
li {
text-align: left;
cursor: pointer;
&:first-child {
margin-left: -27px;
}
&:last-child {
margin-left: -20px;
}
a {
display: block;
text-decoration: none;
}
span {
display: block;
font-size: 14px;
font-weight: 400;
color: rgba(162, 166, 178, 1);
line-height: 30px;
&:hover {
color: #ff8534;
}
}
p {
font-size: 18px;
font-weight: 400;
color: rgba(255, 255, 255, 1);
line-height: 25px;
margin-bottom: 18px;
cursor: text;
}
.img {
width: 100px;
color: rgba(162, 166, 178, 1);
height: 100px;
cursor: text;
.img1 {
background-image: url("https://image.xiaomaiketang.com/xm/NBn48icbJ2.png");
background-size: contain;
width: 100%;
height: 100%;
margin-right: 13px;
}
.img2 {
background-image: url("https://image.xiaomaiketang.com/xm/KapYGcKXHj.png");
background-size: contain;
width: 100%;
height: 100%;
margin-left: 0px;
}
}
}
> :nth-child(4) {
span {
&:hover {
color: rgba(162, 166, 178, 1);
cursor: text;
}
}
}
> :nth-child(5) {
span {
&:hover {
cursor: text;
color: rgba(162, 166, 178, 1);
}
text-align: center;
line-height: 50px;
}
}
> :nth-child(6) {
span {
&:hover {
cursor: text;
color: rgba(162, 166, 178, 1);
}
text-align: center;
line-height: 50px;
}
}
}
}
.footer-bottom {
width: 100%;
height: 100px;
p {
font-size: 14px;
font-weight: 400;
color: rgba(162, 166, 178, 1);
display: flex;
justify-content: center;
align-items: center;
line-height: 50px;
a {
color: rgba(162, 166, 178, 1);
text-decoration: none;
}
margin: 0;
}
}
}
components/layout/XMFooter/LaFooter.js
/*
* @Description:
* @Date: 2020-03-18 18:19:52
* @LastEditTime: 2020-12-30 20:48:12
* @LastEditors: JamosLi
* @LastEditTime: 2021-07-15 10:46:49
* @LastEditors: liguokang
*/
import React from 'react';
import style from './laFooter.less';
import Link from 'next/link';
import LazyLoad from 'react-lazyload';
import Link from 'next/link';
import { StaticImg } from '@/api/interfaces';
import Button from 'baseTemplate/lib/button';
const Img = StaticImg + '/Footer';
import { open } from '@/lib/methods';
import style from './laFooter.less';
class LaFooter extends React.Component {
render() {
return (
<footer className={style.laFooter}>
<div className={style.laFooterList2}>
<div className={style.List2Content}>
<div className={style.FooterBox1}>
<div>
<h2>关于中禄</h2>
<p>
<Link href={'/aboutUs'}>
<a>关于我们</a>
</Link>
</p>
<p>
<Link href={'/contactUs'}>
<a>联系我们</a>
</Link>
</p>
</div>
<div>
<h2>新手指南</h2>
<p onClick={open}>
<a>在线咨询</a>
</p>
<p onClick={open}>
<a>财税资讯</a>
</p>
<p>
<Link href={'/login/cusRegister'}>
<a>新手注册</a>
</Link>
</p>
</div>
<div>
<h2>服务推荐</h2>
<p>
<Link href={'/companyRegistration'}>
<a>公司注册</a>
</Link>
</p>
<p>
<Link href={'/agentAccount'}>
<a>代理记账</a>
</Link>
</p>
<p>
<Link href={'/qualification'}>
<a>资质办理</a>
</Link>
</p>
<p>
<Link href={'/BusinessService'}>
<a>商标知产</a>
</Link>
</p>
</div>
</div>
<div className={style.FooterBox2}>
<div className={style.Box2Line}>
<h3>服务热线</h3>
<LazyLoad height={72}>
<p style={{ backgroundImage: `url('${Img}/dianhua.svg')` }}>{this.props.phone || 400 - 690 - 8028}</p>
</LazyLoad>
<Button mode={'red'} className={style.inlineChat}>
<a onClick={open}>在线咨询</a>
</Button>
</div>
</div>
<div className={style.FooterBox3}>
<LazyLoad height={152}>
<div className={style.weChat} style={{ backgroundImage: `url('${Img}/wechat-min.jpg')` }} />
<span />
</LazyLoad>
<p>扫一扫，创业一手掌握</p>
</div>
</div>
</div>
<div className={style.laFooterList3}>
<footer>
<div>
<a target="_blank" href="https://beian.miit.gov.cn">
<span>Copyright ©2017 浙江中禄财务咨询有限公司版权所有 浙ICP备16004996号-1</span>
<span>Copyright ©2015-2021 杭州杰竞科技有限公司版权所有 浙ICP备15025826号-2</span>
</a>
</div>
</footer>
......
components/layout/XMFooter/laFooter.less
.laFooter {
height: 258px;
width: 100%;
.laFooterList2 {
height: 216px;
background-color: #242633;
display: flex;
align-items: center;
justify-content: center;
.List2Content {
display: flex;
width: 1200px;
height: 226px;
.FooterBox1 {
display: flex;
width: 545px;
height: 216px;
div {
display: flex;
flex-direction: column;
width: 188px;
height: 160px;
margin-top: 30px;
h2 {
font-size: 18px;
font-weight: normal;
color: #ffffff;
margin-bottom: 5px;
}
p a {
font-size: 14px;
color: #878d99;
&:hover {
color: #f05750;
}
}
p {
cursor: pointer;
margin-bottom: 0;
line-height: 28px;
}
}
div:last-child {
border-right: 1px solid #3c4b57;
}
}
.FooterBox2 {
width: 450px;
.Box2Line {
display: flex;
flex-direction: column;
width: 100%;
height: 160px;
margin-top: 30px;
padding-left: 108px;
border-right: 1px solid #3c4b57;
h3 {
font-size: 18px;
color: #878d99;
margin-bottom: 20px;
line-height: 1em;
}
p {
font-size: 30px;
height: 36px;
font-style: italic;
font-weight: bold;
color: #fff;
line-height: 36px;
padding-left: 36px;
margin-bottom: 36px;
background: no-repeat center left/24px 24px;
}
.inlineChat {
width: 192px;
height: 36px;
text-align: center;
line-height: 36px;
background-color: #e63e36;
cursor: pointer;
a {
font-size: 14px;
color: #ffffff;
}
}
}
}
.FooterBox3 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-left: 50px;
width: 140px;
.weChat {
width: 140px;
height: 140px;
background: #fff no-repeat center center/120px 120px;
border-radius: 10px;
}
span {
display: block;
width: 0;
height: 0;
border-width: 6px;
border-style: solid;
border-color: #ffffff transparent transparent transparent;
}
p {
font-size: 12px;
color: #ffffff;
text-align: center;
}
}
}
}
.laFooterList3 {
height: 42px;
width: 100%;
background-color: #2e303c;
text-align: center;
span {
width: 1200px;
height: 100%;
font-size: 12px;
color: #878d99;
line-height: 42px;
}
}
}
components/layout/XMHeader/laHeader.less
.laHeader {
width: 100%;
a {
text-decoration: none;
}
//顶部灰色盒子
.laTop {
height: 36px;
background-color: #ebeef4;
.topContent {
width: 1200px;
height: 36px;
margin: 0 auto;
display: flex;
align-items: center;
position: relative;
.CityList {
display: flex;
justify-content: center;
flex-direction: column;
position: absolute;
height: 36px;
width: 90px;
padding-left: 17px;
top: 0;
left: -17px;
.cityBox {
position: absolute;
display: flex;
flex-wrap: wrap;
background-color: #ffffff;
top: 36px;
left: -1px;
width: 270px;
text-align: center;
padding: 3px 18px 10px;
border: 1px solid #ebeef4;
border-top: none;
color: #878d99;
.city {
width: 58px;
height: 35px;
line-height: 35px;
font-size: 13px;
cursor: pointer;
}
.city:hover {
color: red !important;
}
}
.currentCity {
background: url('//statics.360jizhang.cn/staticFile/websiteFile/licenseAgent/dingwei.png') no-repeat center left;
display: inline-block;
height: 14px;
line-height: 14px;
width: 70px;
font-size: 13px;
padding-left: 18px;
border-right: 1px solid #bebebe;
cursor: pointer;
}
}
.number {
margin-left: 80px;
font-size: 12px;
color: #878d99;
}
span {
font-size: 12px;
color: #878d99;
}
.user {
display: flex;
align-items: center;
height: 100%;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
.userDiv {
display: flex;
align-items: center;
span {
margin: 0 5px;
}
a {
display: flex;
align-items: center;
i {
margin-top: 4px;
}
}
a:hover {
span {
color: #e63e36;
}
svg {
path {
fill: #e63e36;
}
}
}
}
.userBox {
display: none;
position: absolute;
top: 36px;
right: 0px;
width: 109px;
height: 70px;
background: #fff;
border: 1px solid rgba(243, 243, 243, 1);
z-index: 999;
box-shadow: 0px 3px 12px rgba(98, 98, 98, 0.11);
ul {
width: 100%;
li {
display: flex;
align-items: center;
justify-content: center;
height: 35px;
width: 100%;
color: #333333;
font-size: 14px;
span {
font-size: 14px;
color: #333;
margin-left: 10px;
}
}
li:first-child {
border-bottom: 1px solid #f3f3f3;
}
li:hover {
svg {
path {
fill: #e63e36;
}
}
span {
color: #e63e36;
}
}
}
}
.userBox:after {
width: 0;
height: 0;
content: '';
position: absolute;
left: 45px;
top: -10px;
border-left: solid 10px transparent;
border-bottom: solid 10px white;
border-right: solid 10px transparent;
}
a {
font-size: 12px;
color: #878d99;
}
}
.user:hover {
.userBox {
display: block;
}
}
}
}
//导航栏部分
.laNav {
height: 80px;
width: 100%;
box-shadow: 0 1px 2px rgba(95, 95, 95, 0.1);
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
.laNavBody {
display: flex;
align-items: center;
justify-content: space-between;
width: 1200px;
height: 80px;
div:first-child {
display: flex;
align-items: center;
justify-content: center;
width: 240px;
min-width: 240px;
margin-right: 23px;
.laIcon {
width: 121px;
margin-right: 20px;
}
.allService {
display: flex;
align-items: center;
justify-content: center;
width: 102px;
height: 24px;
border: 1px solid #e63e36;
border-radius: 12px;
line-height: 24px;
a {
background: url('//statics.360jizhang.cn/staticFile/websiteFile/licenseAgent/xin.png') no-repeat 10px center;
background-size: 14px;
border-radius: 12px;
width: 100%;
padding-left: 28px;
height: 24px;
line-height: 24px;
display: inline-block;
font-size: 14px;
text-decoration: none;
color: #e63e36;
}
a:hover {
color: #fff;
background-image: url('//statics.360jizhang.cn/staticFile/websiteFile/licenseAgent/xin_bai.png');
background-color: #e63e36;
border: 1px solid #e63e36;
}
}
}
div:last-child {
height: 100%;
ul {
margin-bottom: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: flex-end;
width: 920px;
height: 100%;
li {
margin-left: 53px;
a {
display: inline-block;
height: 50px;
line-height: 50px;
font-size: 16px;
font-weight: 400;
color: #1d2b36;
position: relative;
left: 0;
}
a:hover {
height: 70px;
line-height: 70px;
color: #e63e36;
}
}
}
}
}
}
}
pages/_document.js 0 → 100644
/*
* @Author: liguokang
* @Date: 2021-07-15 10:34:53
* @LastEditors: liguokang
* @LastEditTime: 2021-07-15 10:35:22
* @Description:
* @Copyrigh: ©2021 杭州杰竞科技有限公司 版权所有
*/
import React from 'react';
import Document, { Head, Main, NextScript } from 'next/document';
const Fragment = React.Fragment;
export default class MyDocument extends Document {
static async getInitialProps(ctx) {
const initialProps = await Document.getInitialProps(ctx);
return { ...initialProps };
}
render() {
return (
<Fragment>
<html>
<Head>
<style>{`body { margin: 0 } /* custom! */`}</style>
</Head>
<body className="custom_class">
<Main />
<NextScript />
</body>
</html>
</Fragment>
);
}
}
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