Skip to content

X
xiaomai-website-ssr-template
Commit e220d791 by liguokang
Options

feat: ⚡

parents
Showing with 4508 additions and 0 deletions
.eslintrc.js 0 → 100644
/*
* @Author: liguokang
* @Date: 2021-05-27 11:32:32
* @LastEditors: liguokang
* @LastEditTime: 2021-07-14 20:41:52
* @Description:
* @Copyrigh: ©2021 杭州杰竞科技有限公司 版权所有
*/
// http://eslint.org/docs/user-guide/configuring
module.exports = {
root: true,
parser: 'babel-eslint',
parserOptions: {
sourceType: 'module',
},
env: {
browser: true,
es6: false,
},
extends: 'airbnb-base',
plugins: ['html'],
rules: {
indent: ['error', 2],
complexity: ['error', { max: 12 }],
radix: 0,
eqeqeq: [0],
quotes: [
1,
'single',
{
allowTemplateLiterals: true,
},
],
'import/extensions': [
'error',
'always',
{
js: 'never',
vue: 'never',
},
],
'import/no-extraneous-dependencies': [
'error',
{
optionalDependencies: ['test/unit/index.js'],
},
],
'arrow-parens': 0,
'global-require': 0,
'no-param-reassign': 0,
'no-plusplus': 0,
'max-nested-callbacks': ['error', 3],
'max-depth': ['error', 5],
'max-len': ['error', 160],
'no-nested-ternary': 2,
'no-alert': process.env.NODE_ENV === 'production' ? 2 : 0,
'no-console': process.env.NODE_ENV === 'production' ? 2 : 0,
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
'default-case': 2,
'no-shadow': 2,
'no-underscore-dangle': 0,
'react/react-in-jsx-scope': 0,
'class-methods-use-this': 0,
'no-restricted-syntax': ['error', 'LabeledStatement', 'WithStatement'],
'object-shorthand': [0],
'func-names': [0],
'no-unused-vars': [0],
'spaced-comment': [0],
'prefer-template': [0],
'prefer-arrow-callback': [0],
'no-use-before-define': [0],
'arrow-body-style': [0],
'no-lonely-if': [0],
'no-unused-expressions': [0],
'guard-for-in': [0],
'no-dupe-keys': 2,
'no-duplicate-case': 2,
'no-dupe-args': 2,
'no-dupe-class-members': 2,
'no-unused-vars': 0,
'no-var': 2,
'no-empty': [0],
'space-before-function-paren': 0,
'no-else-return': 0,
'no-new': 0,
'linebreak-style': [0, 'error', 'windows'],
'comma-dangle': [
1,
{
arrays: 'always-multiline',
objects: 'always-multiline',
imports: 'always-multiline',
exports: 'always-multiline',
functions: 'always-multiline',
},
],
'no-restricted-globals': [
0,
{
name: 'location',
message: 'Use local parameter instead.',
},
],
'prefer-destructuring': [
0,
{
array: true,
object: true,
},
],
'prefer-const': 1,
'dot-notation': 0,
'object-curly-newline': 0,
'import/prefer-default-export': 0,
},
};
.gitignore 0 → 100644
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
# dependencies
/node_modules
/.pnp
.pnp.js
# testing
/coverage
# next.js
/.next/
/out/
# production
/build
# misc
.DS_Store
*.pem
# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# local env files
.env.local
.env.development.local
.env.test.local
.env.production.local
# vercel
.vercel
.prettierrc.json 0 → 100644
{
"trailingComma": "all",
"singleQuote": true,
"proseWrap": "preserve",
"printWidth": 160,
"tabWidth": 2
}
README.md 0 → 100644
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
components/CarouselArea.less 0 → 100644
.carousel-area{
width: 100%;
overflow: hidden;
.tem{
width: 100%;
}
}
\ No newline at end of file
components/CarouselArea.tsx 0 → 100644
/*
* @Author: zhujiapeng
* @Date: 2021-06-03 16:50:59
* @LastEditors: zhujiapeng
* @LastEditTime: 2021-06-03 17:26:22
* @Description: 轮播图
* @Copyright: ©2021 杭州杰竞科技有限公司 版权所有
*/
import { Carousel } from 'antd';
import './CarouselArea.less';
export default function CarouselArea() {
return (
<div className='carousel-area'>
<Carousel autoplay>
<div className='tem'>
<img src='' />
</div>
</Carousel>
</div>
);
}
\ No newline at end of file
components/Footer.less 0 → 100644
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/Footer.tsx 0 → 100644
/*
* @Author: zhujiapeng
* @Date: 2021-06-03 15:13:39
* @LastEditors: zhujiapeng
* @LastEditTime: 2021-06-07 14:14:29
* @Description: 页脚
* @Copyright: ©2021 杭州杰竞科技有限公司 版权所有
*/
import Link from 'next/link';
import { useEffect } from 'react';
import lottie from "lottie-web";
import './Footer.less';
interface FooterProps {
isTrial?: boolean;
}
export default function Footer(props: FooterProps) {
useEffect(() => {
if (props.isTrial) {
generateAnimation()
}
}, []);
// 生成动画
function generateAnimation() {
lottie.loadAnimation({
container: document.getElementById("big-img-svg"),
path: "https://image.xiaomaiketang.com/xm/JPpibc4xdD.json",
renderer: "svg",
loop: true,
autoplay: true,
name: "Hello World",
});
}
return (
<footer>
{
props.isTrial &&
<div className="content-module content-module-8">
<div className="module-model">
<div className="center">
<div className="big-img" id="big-img-4">
<div className="big-img-svg" id="big-img-svg">
<div className="wrap">
<div className="text">体验教育信息化新模式</div>
<div className="module-img">
<span className="btn-wrap">
<div className="btn-click free-trial" id="btn-free-try"
onClick={() => {
// window.WEBTRACING('WebG_foot_clickEvent_clickFreeUse', 'WebG_页面底部_点击事件_点击免费试用', { page: this.props.page })
this.renderModal(true);
}}>
免费试用
</div>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
}
<div className="center">
<div className="footer-middle">
<ul>
<li className="item">
<p>产品</p>
<div className="fl">
<Link href="/xmErp">
<span>小麦助教</span>
</Link>
<Link href="/cloud-class">
<span>
云课堂</span>
</Link>
<Link href="/xm-school-info">
<span>小麦校讯通</span>
</Link>
<Link href="/micro-brand-web">
<span>微官网</span>
</Link>
</div>
<div className="fr" style={{ marginLeft: "30px" }}>
<Link href="/xm-show">
<span>小麦秀</span>
</Link>
<Link href="/mm-checkIn">
<span>麦麦打卡</span>
</Link>
<Link href="/mm-poster">
<span>麦萌海报</span>
</Link>
<Link href="/mm-chain">
<span>小麦连锁版</span>
</Link>
</div>
</li>
<li className="item">
<p>招商加盟</p>
<Link href="/wheat-system">
<span>小麦助教系统</span>
</Link>
</li>
<li className="item">
<p>关于我们</p>
<Link href="/company-profile">
<span>公司简介</span>
</Link>
<Link href="/honorary-certificate">
<span>荣誉资质</span>
</Link>
<Link href="/new-dynamic">
<span>新闻动态</span>
</Link>
<Link href="/join-us">
<span>加入我们</span>
</Link>
<a
href="https://image.xiaomaiketang.com/xm/XGSwRGwacP.pdf"
target="_blank"
rel="noopener noreferrer"
>
<span>隐私声明</span>
</a>
</li>
<li className="item">
<p>联系我们</p>
<span>咨询电话：400-6677-456</span>
<span>联系地址 : 杭州市西湖区古墩路598号同人广场A座3楼</span>
</li>
<li className="item">
<div className="img">
<div className="img1"></div>
</div>
<span>小麦助教公众号</span>
</li>
<li className="item">
<div className="img">
<div className="img2"></div>
</div>
<span>下载小麦助教</span>
</li>
</ul>
</div>
<div className="footer-bottom">
<p>
©2015-2021&nbsp;&nbsp;杭州杰竞科技有限公司&nbsp;&nbsp;&nbsp;&nbsp;
<a
target="_blank"
rel="noopener noreferrer"
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010602006090"
>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img
src="https://image.xiaomaiketang.com/xm/6mH2HnzP3k.png"
alt=""
style={{
width: "16px",
height: "16px",
display: "inline-block",
margin: "0 4px 0 0",
verticalAlign: "-3px",
}}
/>
浙公网安备33010602006090号
</a>
&nbsp;&nbsp;&nbsp;&nbsp;
<a
style={{ marginLeft: "20px" }}
target="_blank"
rel="noopener noreferrer"
href="https://beian.miit.gov.cn/#/Integrated/index"
>
浙ICP备15025826号-2
</a>
&nbsp;&nbsp;&nbsp;&nbsp;
<a
style={{ marginLeft: "20px" }}
target="_blank"
rel="noopener noreferrer"
href="https://image.xiaomaiketang.com/xm/ffXeG5fXn8.jpg"
>
增值电信业务经营许可证：浙B2-20180802
</a>
</p>
<p>
<span style={{ marginLeft: "20px" }}>教APP备3300311号</span>
&nbsp;&nbsp;&nbsp;&nbsp;
<span style={{ marginLeft: "20px" }}>教APP备3300313号</span>
&nbsp;&nbsp;&nbsp;&nbsp;
<span style={{ marginLeft: "20px" }}>教APP备3300315号</span>
</p>
</div>
</div>
</footer>
);
}
components/SiderBar.tsx 0 → 100644
/*
* @Author: zhujiapeng
* @Date: 2021-06-04 14:01:52
* @LastEditors: zhujiapeng
* @LastEditTime: 2021-06-04 14:30:18
* @Description: 侧边导航栏
* @Copyright: ©2021 杭州杰竞科技有限公司 版权所有
*/
import './SiderBar.less';
export default function SiderBar() {
return (
<div className="sider-bar">
<div className="sider-tell">
<img src="https://image.xiaomaiketang.com/xm/kyiit34CzK.png" style={{ marginTop: 17 }} alt="" />
<p>咨询热线</p>
<div className="content">
<div className="consult-img fl"></div>
<div className="title fl">了解产品和优惠<br />免费拨打</div>
<div className="detail fl">400-6677-456</div>
</div>
</div>
<div
className="sider-apply"
onClick={() => {
this.renderModal(true);
}}
>
<div className="bg" style={{ marginTop: 17 }}></div>
<p>申请试用</p>
</div>
<div className="sider-focus">
<div className="bg"></div>
<p>扫码关注</p>
<div className="content">
<div className="consult-img fl"></div>
<div className="title fl">小麦助教公众号</div>
</div>
</div>
{/* {this.state.isShow ? (
<FreeTrial handModalShow={this.renderModal}></FreeTrial>
) : (
""
)} */}
</div>
);
}
components/siderBar.less 0 → 100644
.sider-bar {
position: fixed;
right: 0;
top: 60%;
background-size: 100%;
border-radius: 2px 0px 0px 2px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
z-index: 1000;
cursor: pointer;
p {
margin: 0;
}
.sider-tell {
width: 76px;
color: #fff;
background: #fd994d;
height: 80px;
position: relative;
text-align: center;
cursor: pointer;
&:hover {
.content {
display: block;
animation: hideIndex 0.5s;
box-shadow: 0 2px 20px #000000 0.5;
}
}
img {
width: 20px;
height: 24px;
}
.content {
width: 202px;
height: 80px;
position: absolute;
top: 0;
left: -208px;
padding: 7px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05);
color: #333333;
text-align: center;
display: none;
z-index: 1;
.title {
font-size: 12px;
width: 100px;
font-weight: 400;
line-height: 17px;
margin: 4px 0;
}
.detail {
margin-left: 6px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.consult-img {
display: block;
width: 66px;
height: 66px;
background-image: url("https://image.xiaomaiketang.com/xm/wN6BRkTk82.png");
background-size: contain;
margin-right: 10px;
}
&::after {
content: "";
border: 4px solid;
border-color: transparent transparent transparent #fff;
position: absolute;
top: 50%;
margin-top: -4px;
right: -8px;
}
}
}
.sider-apply {
width: 76px;
background: #fff;
color: #fd994d;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
height: 80px;
position: relative;
text-align: center;
cursor: pointer;
&:hover {
color: #fff;
background: #fd994d;
.bg {
background-image: url("https://image.xiaomaiketang.com/xm/KKdbZR7yWw.png");
}
}
.bg {
display: block;
width: 20px;
height: 24px;
display: inline-block;
background-image: url("https://image.xiaomaiketang.com/xm/eKKCc5RsF7.png");
background-size: contain;
}
}
.sider-focus {
width: 76px;
background: #fff;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
color: #fd994d;
height: 80px;
position: relative;
text-align: center;
cursor: pointer;
&:hover {
.content {
display: block;
animation: hideIndex 0.5s;
}
}
.bg {
display: block;
margin-top: 17px;
width: 20px;
height: 24px;
display: inline-block;
background-image: url("https://image.xiaomaiketang.com/xm/SwJbkrMsBM.png");
background-size: contain;
}
.content {
width: 104px;
height: 101px;
position: absolute;
top: -13px;
left: -110px;
padding: 7px 7px 6px 11px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05);
color: #333333;
text-align: center;
display: none;
.title {
display: inline-block;
font-size: 12px;
font-weight: 400;
line-height: 17px;
margin: 4px 0;
}
.consult-img {
display: inline-block;
width: 66px;
height: 66px;
background-image: url("https://image.xiaomaiketang.com/xm/NBn48icbJ2.png");
background-size: contain;
margin-left: 9px;
}
&::after {
content: "";
border: 4px solid;
border-color: transparent transparent transparent #fff;
position: absolute;
top: 50%;
margin-top: -4px;
right: -8px;
}
}
}
@keyframes hideIndex {
0% {
opacity: 0;
transform: translate(6px, 0);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
}
contants/home.js 0 → 100644
/*
* @Author: zhujiapeng
* @Date: 2021-06-03 10:59:09
* @LastEditors: zhujiapeng
* @LastEditTime: 2021-06-03 14:26:05
* @Description: 主页组件的常量
* @Copyright: ©2021 杭州杰竞科技有限公司 版权所有
*/
export const ProductContant = [
{
imgUrl: 'https://image.xiaomaiketang.com/xm/G8aSPPSFw6.png',
name: '小麦助教',
desc: '智能化运作，提升运营管理效率',
buttonName: '校务管理'
},
{
imgUrl: 'https://image.xiaomaiketang.com/xm/HJpCr6iP5T.png',
name: '小麦秀',
desc: '数百套招生方案，激活家长社交圈',
buttonName: '招生营销'
},
{
imgUrl: 'https://image.xiaomaiketang.com/xm/T3AkGtGFQF.png',
name: '云课堂',
desc: '支持1v1、小班互动、大班直播等多种教学形态',
buttonName: '在线教学'
},
{
imgUrl: 'https://image.xiaomaiketang.com/xm/cXtnWZtTEG.png',
name: '麦麦打卡',
desc: '创建教学闭环，提升社群活跃',
buttonName: '课后督学'
},
{
imgUrl: 'https://image.xiaomaiketang.com/xm/GtYzY4dPKD.png',
name: '小麦校讯通',
desc: '提升家长满意度，铸口碑促续费',
buttonName: '家校服务'
},
{
imgUrl: 'https://image.xiaomaiketang.com/xm/jw6cZh4s3S.png',
name: '卖萌海报',
desc: '在线设计精美海报，轻松打造品牌形象',
buttonName: '品牌设计'
},
{
imgUrl: 'https://image.xiaomaiketang.com/xm/ndPEynsXSK.png',
name: '微官网',
desc: '机构简介、名师风采……多维度展示机构',
buttonName: '品牌传播'
},
{
imgUrl: 'https://image.xiaomaiketang.com/xm/THZR3akYpY.png',
name: '小麦连锁版',
desc: '总部赋能，校区多维度数字化升级',
buttonName: '多校区管理'
},
];
export const coreAdvantageContant = [
{
imgUrl: 'https://image.xiaomaiketang.com/xm/kZ6T8iKnAM.png',
name: '技术领先',
desc: '专业研发团队倾力打造'
},
{
imgUrl: 'https://image.xiaomaiketang.com/xm/GS4TpKs4Xj.png',
name: '安全保障',
desc: '符合国际标准信息安全认证'
},
{
imgUrl: 'https://image.xiaomaiketang.com/xm/zNkN63tBs7.png',
name: '服务贴心',
desc: '7*13.5h在线响应需求'
},
{
imgUrl: 'https://image.xiaomaiketang.com/xm/T5TJCSHYaG.png',
name: '口碑优质',
desc: '数万家机构信赖之选'
},
];
export const customerNumContant = [
{
count: '8',
company: '个',
desc: '教育品牌的选择'
},
{
count: '105',
company: '位',
desc: '校长和老师持续使用'
},
{
count: '4500',
company: '名',
desc: '学员和家长共同见证'
}
];
contants/honorary-certificate.js 0 → 100644
/*
* @Author: zhujiapeng
* @Date: 2021-06-03 17:49:15
* @LastEditors: zhujiapeng
* @LastEditTime: 2021-06-03 17:53:40
* @Description: 荣誉资质界面常量
* @Copyright: ©2021 杭州杰竞科技有限公司 版权所有
*/
export const honoraryContant = [
{
imgUrl: 'https://image.xiaomaiketang.com/xm/BEtryFkAfX.png',
desc: 'IAF和CNAS联合认证颁发《信息安全管理体系认证证书》'
},
{
imgUrl: 'https://image.xiaomaiketang.com/xm/j4ifkMb2bn.png',
desc: '公安部颁发《信息系统安全等级保护证书》'
},
{
imgUrl: 'https://image.xiaomaiketang.com/xm/3RdEb8rdKk.png',
desc: '荣获“浙江省高新技术企业”'
},
{
imgUrl: 'https://image.xiaomaiketang.com/xm/62zWcNccEQ.png',
desc: '新华网教育2020年度“公信力教育服务商品牌”'
},
{
imgUrl: 'https://image.xiaomaiketang.com/xm/zB83mFKDTS.png',
desc: '36Kr企业服务领域“最具影响力企业”'
},
{
imgUrl: 'https://image.xiaomaiketang.com/xm/hAy5mB4tf6.png',
desc: '亿欧“2019年度全球教育科技TOP50”'
},
{
imgUrl: 'https://image.xiaomaiketang.com/xm/b58Pepm74C.png',
desc: '新浪教育“2019年度品牌实力教育服务商”'
},
{
imgUrl: 'https://image.xiaomaiketang.com/xm/iRmcwScj5E.png',
desc: '腾讯教育“2019年度科技创新教育品牌”'
}
];
data-source/join-us/request-apis.ts 0 → 100644
/*
* @Description:
* @Author: zangsuyun
* @Date: 2020-08-04 15:12:42
* @LastEditors: zangsuyun
* @LastEditTime: 2020-08-04 15:16:03
* @Copyright: © 2020 杭州杰竞科技有限公司 版权所有
*/
import axios from 'axios';
export const getJobs = () => {
return axios.get("https://image.xiaomaiketang.com/xm/jobs.json")
}
data-source/news/news-apis.ts 0 → 100644
/*
* @Author: hongxutao
* @Date: 2021-03-08 09:59:58
* @LastEditors: zhujiapeng
* @LastEditTime: 2021-06-04 16:26:24
* @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
*/
import fetch from '@/common/js/fetch';
class NewsAPI {
// 获取新闻动态列表
FetchPublishedNews(params: any) {
return fetch.post({
url: 'workbench/anon/website/fetchPublishedNews',
data: params,
})
}
}
export default new NewsAPI()
\ No newline at end of file
hooks/commit-msg.js 0 → 100644
#! /usr/bin/env node
/*
* @Author: 吴文洁
* @Date: 2020-06-05 14:59:14
* @LastEditors: 吴文洁
* @LastEditTime: 2020-08-04 19:28:08
* @Description:
* @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
*/
const fs = require('fs')
const [
messageFile,
commitType,
] = process.env.HUSKY_GIT_PARAMS.split(' ');
if (commitType == null) {
const currentMessage = fs.readFileSync(messageFile, 'utf8');
// eslint-disable-next-line no-console
const pattern = new RegExp('(feat|fix|style|docs|refactor|pref|test):');
const _currentMessage = currentMessage.replace('\n', '');
if (!pattern.test(currentMessage) && currentMessage.indexOf('Merge branch') === -1) {
// eslint-disable-next-line no-console
console.error(`\x1b[31m ${_currentMessage}不符合commit-msg规范，具体规范请访问 http://wiki.ixm5.cn/pages/viewpage.action?pageId=2918494 \x1b[31m`);
process.exit(1);
}
if (_currentMessage.length <= 10) {
// eslint-disable-next-line no-console
console.error(`\x1b[31m ${_currentMessage}提交的信息字数不得少于5个字符`);
process.exit(1);
}
process.exit(0);
}
hooks/pre-commit.js 0 → 100644
#! /usr/bin/env node
/*
* @Author: 吴文洁
* @Date: 2020-06-05 09:38:03
* @LastEditors: 吴文洁
* @LastEditTime: 2020-08-12 10:58:38
* @Description:
* @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
*/
const execSync = require('child_process').execSync;
// 获取当前分支名称
const branchName = execSync('git rev-parse --abbrev-ref HEAD').toString().trim();
// 校验分支名是否合法
const firstPattern = new RegExp('dev|rc|gray|master');
const secondPattern = new RegExp('(feature|hotfix)/[a-z]{4,}/[0-9]{8,}/[a-zA-Z-]{4,}');
const firstMatch = firstPattern.test(branchName);
const secondMatch = secondPattern.test(branchName);
if (!firstMatch && !secondMatch) {
// eslint-disable-next-line no-console
console.error(`\x1b[31m ${branchName}不符合分支规范，具体规范请访问 http://wiki.ixm5.cn/pages/viewpage.action?pageId=2918496 \x1b[31m`);
process.exit(1);
}
// 获取缓存区内容
// 通过diff指令获得所有改动过（不包括删除）的js文件路径
const fileNameStr = execSync('git diff --diff-filter=AM --cached HEAD --name-only').toString();
const fileNameList = fileNameStr.split('\n');
// 获取需要检测的文件
const detectedFileList = fileNameList.filter(file => {
// 过滤掉空的和hooks文件夹下所有的文件
return file && file.indexOf('hooks') < 0;
});
// 遍历需要检测的文件
let errorFileList = [];
detectedFileList.forEach((file) => {
const results = execSync(`git diff --cached ${file}`);
const pattern = /^http:\/\/{1,}/;
if (pattern.test(results.toString())) {
errorFileList.push(file);
}
});
if (errorFileList.length > 0) {
const errorFileStr = JSON.stringify(errorFileList);
// eslint-disable-next-line no-console
console.error(`\x1b[31m ${errorFileStr}文件中存在不合法的http://，请将http替换为https \x1b[31m`);
process.exit(1);
}
// 校验是否有冲突
const conflictPattern = new RegExp('^<<<<<<<\\s|^=======$|^>>>>>>>\\s');
const conflictFileList = [];
fileNameList.forEach((file) => {
const results = execSync(`git diff --cached ${file}`);
if (conflictPattern.test(results)) {
conflictFileList.push(file);
}
})
if (conflictFileList.length > 0) {
const conflictFileStr = JSON.stringify(conflictFileList);
// eslint-disable-next-line no-console
console.error(`\x1b[31m ${conflictFileStr}文件中存在冲突，请解决冲突之后再提交 \x1b[31m`);
process.exit(1);
}
process.exit(0);
\ No newline at end of file
next-env.d.ts 0 → 100644
/// <reference types="next" />
/// <reference types="next/types/global" />
next.config.js 0 → 100644
/*
* @Author: zhujiapeng
* @Date: 2021-06-02 17:04:29
* @LastEditors: zhujiapeng
* @LastEditTime: 2021-06-02 17:04:47
* @Description: 描述一下咯
* @Copyright: ©2021 杭州杰竞科技有限公司 版权所有
*/
const withLess = require('@zeit/next-less')
module.exports = withLess({
/* config options here */
})
package.json 0 → 100644
{
"name": "xiaomai-web-office-ssr",
"version": "0.1.0",
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start"
},
"dependencies": {
"antd": "^4.3.3",
"axios": "^0.19.2",
"@zeit/next-less": "^1.0.1",
"less": "^4.1.1",
"next": "10.2.3",
"react": "17.0.2",
"react-dom": "17.0.2",
"lottie-web": "^5.7.1"
},
"devDependencies": {
"@types/react": "^17.0.9",
"typescript": "^4.3.2",
"webpack": "^4.37.0"
}
}
pages/HonoraryCertificate.less 0 → 100644
.honorary-certificate {
.honorary-certificate-title {
width: 100%;
height: 266px;
background-image: url("https://image.xiaomaiketang.com/xm/wCnhdDPwXh.png");
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative;
background-position: top;
background-size: cover;
margin-bottom: 80px;
p {
font-size: 38px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(255, 255, 255, 1);
position: absolute;
left: 50%;
top: 100px;
margin-left: -76px;
}
}
.center {
width: 1200px;
margin: 0 auto;
text-align: center;
}
.content {
.honorary-area {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.honorary-list {
width: 580px;
text-align: center;
margin-bottom: 66px;
img {
width: 580px;
height: 435px;
}
p {
font-size: 20px;
color: #333;
}
}
}
}
}
pages/about.jsx 0 → 100644
/*
* @Author: zhujiapeng
* @Date: 2021-06-02 15:13:37
* @LastEditors: liguokang
* @LastEditTime: 2021-07-14 20:40:05
* @Description: 描述一下咯
* @Copyright: ©2021 杭州杰竞科技有限公司 版权所有
*/
function About() {
return <div>About</div>
}
export default About
pages/api/hello.js 0 → 100644
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
export default (req, res) => {
res.status(200).json({ name: 'John Doe' })
}
pages/cloudClass.less 0 → 100644
.cloud-class {
width: 100%;
height: 540px;
background-image: url(https://image.xiaomaiketang.com/xm/FdZCEhY2fZ.png);
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative;
display: flex;
align-items: center;
}
.online-teach{
display: flex;
margin: 110px 0 31px 0;
justify-content: space-between;
.online-teach-item{
width:212px;
height:178px;
background:rgba(255,255,255,1);
box-shadow:0px 2px 40px 0px rgba(234,238,244,1);
border-radius:4px;
text-align: center;
font-size:14px;
line-height:20px;
p{
font-weight:500;
color: #333333;
margin-bottom: 8px;
margin-top: -10px;
}
span{
color: #666666;
font-weight:400;
}
img{
width: 69px;
transform: translateY(-50%);
}
.img1{
width: 69px;
height: 69px;
display: inline-block;
transform: translateY(-50%);
background: url('https://image.xiaomaiketang.com/xm/cYepcpPfwH.png');
background-size: contain;
background-position: center;
// cursor: pointer;
// &:hover{
// background: url("https://image.xiaomaiketang.com/xm/zxnCzzWGCW.png");
// background-size: contain;
// }
}
.img2{
width: 69px;
height: 69px;
display: inline-block;
transform: translateY(-50%);
background: url('https://image.xiaomaiketang.com/xm/8Ppt7xGXHK.png');
background-size: contain;
background-position: center;
// cursor: pointer;
// &:hover{
// background: url("https://image.xiaomaiketang.com/xm/TianCteAz5.png");
// background-size: contain;
// }
}
.img3{
width: 69px;
height: 69px;
display: inline-block;
transform: translateY(-50%);
background: url('https://image.xiaomaiketang.com/xm/ZZZ2wDXpMM.png');
background-size: contain;
background-position: center;
// cursor: pointer;
// &:hover{
// background: url("https://image.xiaomaiketang.com/xm/BbtWMdeshm.png");
// background-size: contain;
// }
}
.img4{
width: 69px;
height: 69px;
display: inline-block;
transform: translateY(-50%);
background: url('https://image.xiaomaiketang.com/xm/E5x5Yspic8.png');
background-size: contain;
background-position: center;
// cursor: pointer;
// &:hover{
// background: url("https://image.xiaomaiketang.com/xm/8sBD7NNHXS.png");
// background-size: contain;
// }
}
.img5{
width: 69px;
height: 69px;
display: inline-block;
transform: translateY(-50%);
background: url('https://image.xiaomaiketang.com/xm/WDysjJa8Xr.png');
background-size: contain;
background-position: center;
// cursor: pointer;
// &:hover{
// background: url("https://image.xiaomaiketang.com/xm/ie5Qzr3SFe.png");
// background-size: contain;
// }
}
}
}
.cloud-content-module-body {
display: flex;
justify-content: space-between;
.module-img {
box-sizing: border-box;
position: relative;
.img-wrap {
width: 660px;
ul {
width: 2023px;
position: relative;
li {
left: 0;
width: 618px;
opacity: 0;
&.on{
transition: opacity 0.5s;
opacity: 1;
}
.picture {
width: 618px;
padding: 20px;
border: #D7DFE8 2px dashed;
box-shadow: 0 0 10px rgba(234, 239,246,0.5);
}
}
}
}
}
.module-img-2 {
margin-top: 110px;
margin-left: 70px;
padding: 52px 16px 108px 0px;
box-sizing: border-box;
position: relative;
.img-wrap {
width: 630px;
margin-left: -19px;
ul {
width: 4023px;
position: relative;
left: 22px;
&.ul2 {
left: 0px;
}
&.ul3 {
left: 0px;
}
li {
width: 618px;
opacity: 0;
&.on{
transition: opacity 0.5s;
opacity: 1;
}
.picture {
width: 588px;
padding: 20px;
border: #D7DFE8 2px dashed;
box-shadow: 0 0 10px rgba(234, 239,246,0.5);
}
}
}
}
}
.web-img {
box-shadow: 0 0 30px #eaeff6;
}
.module-text {
position: relative;
overflow: hidden;
.bg-shadow{
width: 100%;
height: 126px;
background-color: #fff;
// opacity: 0.1;
position: absolute;
// top:100px;
transition: top 0.2s;
}
.bg-shadow2{
width: 100%;
height: 126px;
background-color: #f4f6f9;
// opacity: 0.1;
position: absolute;
// top:100px;
transition: top 0.2s;
}
ul {
li {
position: relative;
z-index: 10;
padding: 31px 53px 32px 25px;
box-sizing: border-box;
display: flex;
justify-content: flex-start;
&.on {
background-color: rgba(244, 246, 249, 1);
}
.left-img {
width: 48px;
height: 48px;
margin-right: 20px;
background-repeat: no-repeat;
background-size: contain;
&.img1 {
background-image: url("https://image.xiaomaiketang.com/xm/fWd2KAh3F2.png");
}
&.img2 {
background-image: url("https://image.xiaomaiketang.com/xm/ZmBFfNMHAr.png");
}
&.img3 {
background-image: url("https://image.xiaomaiketang.com/xm/AHz2aFMCEZ.png");
}
&.img4 {
background-image: url("https://image.xiaomaiketang.com/xm/Ata3XQK4FE.png");
}
&.img5 {
background-image: url("https://image.xiaomaiketang.com/xm/wt7aEawwE8.png");
}
&.img6 {
background-image: url("https://image.xiaomaiketang.com/xm/SQrmWc6yra.png");
}
}
.right-text {
width: 276px;
.title {
font-size: 16px;
font-weight: 400;
color: rgba(51, 51, 51, 1);
line-height: 22px;
margin-bottom: 7px;
}
.detail {
font-size: 12px;
font-weight: 400;
color: rgba(102, 102, 102, 1);
line-height: 17px;
}
}
}
}
&#text-container1 {
ul {
margin-top: 26px;
li {
&.on {
background-color: #fff;
}
.left-img {
width: 48px;
height: 48px;
margin-right: 20px;
background-repeat: no-repeat;
background-size: contain;
&.img1 {
background-image: url("https://image.xiaomaiketang.com/xm/RPnMDpE82X.png");
}
&.img2 {
background-image: url("https://image.xiaomaiketang.com/xm/MhEzRRQWfn.png");
}
&.img3 {
background-image: url("https://image.xiaomaiketang.com/xm/zzYdbxsEQ6.png");
}
}
}
}
}
}
}
\ No newline at end of file
pages/company-profile.jsx 0 → 100644
/*
* @Author: zhujiapeng
* @Date: 2021-06-04 14:38:09
* @LastEditors: liguokang
* @LastEditTime: 2021-07-14 20:39:36
* @Description: 公司简介页面
* @Copyright: ©2021 杭州杰竞科技有限公司 版权所有
*/
import Header from '../components/Header';
import Footer from '../components/Footer';
import SiderBar from '../components/SiderBar';
import './CompanyProfile.less';
export default function CompanyProfile() {
return (
<div className="company-profile" style={{ background: "#fff" }}>
<Header active={"aboutUs"}></Header>
<div className="swiper-img">
<div className="swiper-img-content center">
<p>为教育产业赋能</p>
<span>
小麦助教，隶属于杭州杰竞科技有限公司，是专业的教育信息化全场景服务商，以数据和技术为引擎，为教育机构提供一站式数字化运营管理解决方案，致力于构建教育信息化新生态。目前已成功服务超80000家教育品牌， 超105万位教育从业者，连接近4500万名学员和家长。
</span>
</div>
</div>
<div className="content">
<div className="center">
<div
className="content-module content-module-1"
style={{ paddingTop: 0, background: '#fff' }}
>
<div className="content-module-body">
<p>
基于互联网领域的创新技术及对用户行为的洞察，小麦助教打通了教育机构线上线下的各类真实场景，实现教育机构的信息化办公，极大提升了教育行业的整体经营效率。目前小麦助教的业务已覆盖全国200多个城市和地区，现产品体系包含小麦助教管理系统、小麦秀、小麦校讯通、小麦云课堂、麦麦打卡、小麦学院、小麦收银等，帮助教育机构解决招生营销、教务管理、家校服务、在线教学、课后督学、品牌传播、经营进阶等全流程运营管理难题，率先实现了在SaaS信息化服务、内容营销、金融服务等多元领域的落地应用。
</p>
<p>以“为教育产业赋能”为使命，小麦助教愿做教育路上的助力者，用科技创新为中国的教育事业贡献力量。</p>
</div>
</div>
</div>
<div className="content-module content-module-1">
<div className="center">
<div className="module-title">我们的价值观</div>
<div className="content-module-img">
<div className="img">
<img
src="https://image.xiaomaiketang.com/xm/x8ErbPGQXD.png"
alt="小麦助教价值观-严谨"
title="小麦助教价值观-严谨"
/>
<div className="img-tip">
<h2>严谨</h2>
<span>RIGOROUS</span>
</div>
</div>
<div className="img">
<img
src="https://image.xiaomaiketang.com/xm/GxeN3dHHz5.png"
alt="小麦助教价值观-激情"
title="小麦助教价值观-激情"
/>
<div className="img-tip">
<h2>激情</h2>
<span>ENTHUSIASM</span>
</div>
</div>
<div className="img">
<img
src="https://image.xiaomaiketang.com/xm/ZyxZh3SHTa.png"
alt="小麦助教价值观-成长"
title="小麦助教价值观-成长"
/>
<div className="img-tip">
<h2>成长</h2>
<span>DEVELOPMENT</span>
</div>
</div>
</div>
</div>
</div>
<div className="content-module content-module-1" style={{ background: '#fff' }}>
<div className="center">
<div className="module-title">我们的服务宗旨</div>
<div className="content-module-img">
<div className="img1">
<img
style={{ width: "100%" }}
src="https://image.xiaomaiketang.com/xm/y4zh3eWWXM.png"
alt="小麦助教服务宗旨-客户成功，小麦成功"
title="小麦助教服务宗旨-客户成功，小麦成功"
/>
<div className="img-tip">客户成功 小麦成功</div>
</div>
</div>
</div>
</div>
<div className="content-module content-module-2">
<div className="center">
<div id="team-pic" className="anchor"></div>
<div className="module-title">团队照片</div>
<div className="content-module-body">
<div className="picture-wrap center">
<div className="left">
<div className="top tran-scale">
<img
src="https://image.xiaomaiketang.com/xm/GixsZkGpYA.png"
alt="小麦助教团队照片"
/>
</div>
<div className="bottom tran-scale">
<img
src="https://image.xiaomaiketang.com/xm/rmxbJd8fdD.png"
alt="小麦助教团队照片"
/>
</div>
</div>
<div className="right">
<div className="top">
<div className="top-left tran-scale">
<img
src="https://image.xiaomaiketang.com/xm/Sryk6k7mwB.png"
alt="小麦助教团队照片"
/>
</div>
<div className="top-right tran-scale">
<img
src="https://image.xiaomaiketang.com/xm/axyPA5EpkY.png"
alt="小麦助教团队照片"
/>
</div>
</div>
<div className="middle tran-scale">
<img
src="https://image.xiaomaiketang.com/xm/5rHjiWnPGh.png"
alt="小麦助教团队照片"
/>
</div>
<div className="bottom">
<div className="bottom-left tran-scale">
<img
src="https://image.xiaomaiketang.com/xm/hxWNwYB7F6.png"
alt="小麦助教团队照片"
/>
</div>
<div className="bottom-right tran-scale">
<img
src="https://image.xiaomaiketang.com/xm/dkbNb3x2E2.png"
alt="小麦助教团队照片"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<Footer></Footer>
<SiderBar />
</div>
);
}
pages/companyProfile.less 0 → 100644
.company-profile {
.swiper-img {
min-width: 1729px;
height: 626px;
background-image: url(https://image.xiaomaiketang.com/xm/pXNA4ZsXN4.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
position: relative;
.swiper-img-content {
z-index: 2;
color: #f5f7fa;
width: 1200px;
padding-top: 130px;
text-align: left;
p {
font-size: 50px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 40px;
margin-bottom: 20px;
}
span {
font-size: 20px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(255, 255, 255, 1);
line-height: 40px;
display: inline-block;
width: 411px;
text-align: justify;
}
}
}
.content-module-1 {
padding-bottom: 78px !important;
background-color: #fff;
.module-title {
font-size: 38px;
font-weight: 400;
color: rgba(51, 51, 51, 1);
line-height: 53px;
text-align: center;
margin-bottom: 42px;
}
.content-module-body {
p {
font-size: 20px;
font-family: PingFangSC;
font-weight: 400;
color: rgba(51, 51, 51, 1);
line-height: 40px;
text-indent: 40px;
}
}
.content-module-img {
display: flex;
justify-content: space-between;
.img {
width: 373px;
height: 460px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 5px 16px 0px rgba(110, 123, 140, 0.1);
border-radius: 5px;
text-align: center;
padding-top: 24px;
position: relative;
.img-tip{
width:269px;
height:162px;
background:rgba(255,255,255,0.7);
box-shadow:0px 5px 16px 0px rgba(110,123,140,0.1);
border-radius:4px;
position: absolute;
left: 50%;
margin-left: -134.5px;
bottom: 25px;
padding: 19px;
span{
font-size:18px;
margin-top: 11px;
font-weight:400;
color:rgba(153,153,153,1);
line-height:25px;
text-shadow:0px 5px 16px rgba(110,123,140,0.1);
}
h2{
font-size:48px;
font-weight:500;
color:rgba(51,51,51,1);
line-height:67px;
text-shadow:0px 5px 16px rgba(110,123,140,0.1);
}
}
img{
width: 318px;
height: 344px;
margin-bottom: 12px;
}
}
.img1{
height:342px;
width: 1200px;
box-shadow: 0px 5px 16px 0px rgba(110, 123, 140, 0.1);
padding: 19px 27px;
position: relative;
.img-tip{
width:526px;
height:86px;
background:rgba(255,255,255,0.7);
position: absolute;
z-index: 11;
font-size:48px;
font-weight:400;
color:rgba(51,51,51,1);
line-height:67px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
left: 50%;
margin-left: -263px;
bottom: 18px;
}
}
}
}
.content-module-2 {
height: 1178px !important;
padding-top: 0px !important;
.module-title {
font-size: 36px;
font-family: PingFangSC-Regular;
font-weight: 400;
color: rgba(51, 51, 51, 1);
line-height: 50px;
text-align: center;
margin-bottom: 42px;
}
.content-module-body {
.picture-wrap {
height: 970px;
width: 100%;
display: flex;
justify-content: space-between;
.tran-scale {
transition: transform 0.5s ease-in-out;
&:hover {
transform: scale(1.05, 1.05);
}
}
.left {
display: flex;
justify-content: space-between;
flex-direction: column;
.top {
img {
width: 553px;
height: 391px;
}
}
.bottom {
img {
width: 553px;
height: 553px;
}
}
}
.right {
display: flex;
flex-direction: column;
justify-content: space-between;
.top {
display: flex;
justify-content: space-between;
.top-left {
img {
width: 252px;
height: 188px;
}
}
.top-right {
img {
width: 345px;
height: 188px;
}
}
}
.middle {
img {
width: 623px;
height: 391px;
}
}
.bottom {
display: flex;
justify-content: space-between;
.bottom-left {
img {
width: 326px;
height: 339px;
}
}
.bottom-right {
img {
width: 271px;
height: 339px;
}
}
}
}
}
}
}
}
pages/honorary-certificate.jsx 0 → 100644
/*
* @Author: zhujiapeng
* @Date: 2021-06-03 17:34:09
* @LastEditors: zhujiapeng
* @LastEditTime: 2021-06-04 14:08:53
* @Description: 荣誉资质界面
* @Copyright: ©2021 杭州杰竞科技有限公司 版权所有
*/
import { honoraryContant } from '../contants/honorary-certificate';
import Header from '../components/Header';
import Footer from '../components/Footer';
import SiderBar from '../components/SiderBar';
import './HonoraryCertificate.less';
export default function HonoraryCertificate() {
return (
<div className='honorary-certificate'>
<Header />
<div className="honorary-certificate-title">
<div className="center" style={{ textAlign: "center" }}>
<p>荣誉资质</p>
</div>
</div>
<div className='content'>
<div className='center'>
<div className='honorary-area'>
{
honoraryContant.map((item) => {
return (
<div className='honorary-list'>
<img src={item.imgUrl} alt={item.desc} title={item.desc} />
<p>{item.desc}</p>
</div>
);
})
}
</div>
</div>
</div>
<div className='footer'>
<Footer isTrial={false} />
<SiderBar />
</div>
</div>
)
}
pages/index.jsx 0 → 100644
/*
* @Author: zhujiapeng
* @Date: 2021-06-02 15:08:14
* @LastEditors: liguokang
* @LastEditTime: 2021-07-14 20:39:57
* @Description: 主页
* @Copyright: ©2021 杭州杰竞科技有限公司 版权所有
*/
import { Button } from 'antd';
import Link from 'next/link';
import Header from '../components/Header';
import Footer from '../components/Footer';
import SiderBar from '../components/SiderBar';
import CarouselArea from '../components/CarouselArea';
import '../styles/globals.less';
import './index.less';
import {
ProductContant,
coreAdvantageContant,
customerNumContant
} from '../contants/home';
export default function Home() {
return (
<div className='home'>
<Header />
{/* <CarouselArea /> */}
<div className='content'>
<div className='operate-solutions'>
<div className='center'>
<div className='big-title'>为教培机构提供全场景运营管理解决方案</div>
<div className='product-area'>
{
ProductContant.map((item) => {
return (
<div
className="product"
onClick={() => {
this.handleToPage("/cloudClass");
}}
>
<div className="icon ykt">
<img src={item.imgUrl} alt={item.desc} title={item.desc} />
</div>
<div className="module-content">
<div className="title">{item.name}</div>
<div className="content">
{item.desc}
</div>
<div className="line"></div>
<Button>{item.buttonName}</Button>
<div className="go">
<img
src="https://image.xiaomaiketang.com/xm/BmKYSyet2Q.png"
alt="右箭头icon"
/>
</div>
</div>
</div>
)
})
}
</div>
</div>
</div>
<div className='core-advantage'>
<div className='center'>
<div className='big-title'>四大核心优势，为校区发展保驾护航</div>
<div className='department'>
{
coreAdvantageContant.map((item) => {
return (
<div className='department-tem'>
<img src={item.imgUrl} alt={item.desc} title={item.desc} />
<em />
<span className='title'>{item.name}</span>
<span className='desc'>{item.desc}</span>
</div>
)
})
}
</div>
</div>
</div>
<div className='customer-present'>
<div className='center'>
<div className='big-title'>用心做产品，赢得客户信赖</div>
<div className='numBox'>
{
customerNumContant.map((item) => {
return (
<div>
<span className='count'>{item.count}万</span>
<span className='company'>{item.company}</span>
<p className='desc'>{item.desc}</p>
</div>
);
})
}
</div>
<div className='cooperative-enterprise'>
<img src='https://image.xiaomaiketang.com/xm/EWApYHJSKz.png' alt='小麦助教合作企业' />
<Link href="/about">
<a className='more-case'>查看更多案例</a>
</Link>
</div>
</div>
</div>
</div>
<div className='footer'>
<Footer isTrial={true} />
<SiderBar />
</div>
</div>
);
}
pages/index.less 0 → 100644
.home {
width: 100%;
overflow: hidden;
// .carouse{
// width: 100%;
// overflow: hidden;
// }
.content {
.big-title {
font-size: 38px;
color: #333;
margin-bottom: 65px;
text-align: center;
}
.operate-solutions {
padding-top: 78px;
box-sizing: border-box;
.product-area {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.product {
width: 270px;
height: 340px;
background: rgba(250, 252, 253, 1);
padding: 30px 19px 28px 20px;
margin-bottom: 40px;
transition: transform 0.2s ease-in-out;
box-sizing: border-box;
img {
width: 82px;
height: 82px;
}
&:hover {
cursor: pointer;
background: #fff;
box-shadow: 0px 2px 30px 0px rgba(169, 186, 212, 0.2);
transform: scale(1.05, 1.05);
.go {
width: 100% !important;
}
}
.icon {
width: 82px;
height: 82px;
position: relative;
margin: 0 auto;
margin: 0 0 20px 0;
}
.module-content {
font-family: PingFang SC, PingFangSC-Medium;
text-align: left;
.title {
font-weight: bold;
margin-bottom: 14px;
font-size: 18px;
font-weight: bold;
color: rgba(51, 51, 51, 1);
line-height: 25px;
}
.line {
width: 80px;
height: 1px;
background: rgba(231, 231, 231, 1);
margin: 8px 0 10px 0;
}
.content {
font-style: 14px;
line-height: 20px;
height: 40px;
color: #999999;
font-weight: 400;
}
.ant-btn {
background: #f1f5f7;
border: none;
}
.go {
width: 30px;
height: 30px;
background: rgba(255, 133, 52, 1);
margin-top: 20px;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
line-height: 30px;
cursor: pointer;
&:hover {
width: 100%;
}
img {
width: 7px;
height: 12px;
}
transition: 0.2s;
}
}
}
}
}
.core-advantage {
background-color: #f4f6f9;
padding: 78px 0 34px 0;
box-sizing: border-box;
.department {
display: flex;
.department-tem {
width: 260px;
height: 231px;
margin-right: 53px;
box-sizing: border-box;
position: relative;
display: flex;
justify-content: center;
img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
em {
display: inline-block;
width: 15px;
height: 3px;
background: #f87f5f;
position: absolute;
top: 120px;
}
.title {
position: absolute;
top: 140px;
color: #333;
font-size: 14px;
}
.desc {
position: absolute;
top: 175px;
color: #999;
font-size: 14px;
display: block;
max-width: 168px;
}
}
}
}
.customer-present {
padding-top: 78px;
box-sizing: border-box;
.numBox {
display: flex;
margin-bottom: 50px;
justify-content: space-around;
color: #333;
.count {
font-size: 72px;
}
.company {
font-size: 24px;
}
.desc {
font-size: 20px;
}
}
.cooperative-enterprise {
position: relative;
img {
width: 100%;
}
.more-case {
display: block;
width: 200px;
height: 36px;
line-height: 36px;
text-align: center;
border: 1px solid #eaeaea;
cursor: pointer;
color: #666;
text-decoration: none;
font-size: 14px;
position: absolute;
left: 50%;
margin: 40px 0 0 -100px;
}
}
}
}
.footer {
// overflow: hidden;
margin-top: 150px;
}
}
\ No newline at end of file
pages/joinUs.less 0 → 100644
.join-us {
width: 100%;
height: 266px;
background-image: url(https://image.xiaomaiketang.com/xm/Z6Btp4Spcj.png);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
position: relative;
margin-bottom: 80px;
p {
font-size: 38px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(255, 255, 255, 1);
line-height: 53px;
position: absolute;
left: 50%;
top: 100px;
margin-left: -209px;
}
}
.join-us-title{
height:56px;
font-size:20px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
line-height:28px;
text-indent: 40px;
}
.anchor {
height: 60px;
width: 100%;
}
.content-module-3 {
padding-bottom: 80px;
.module-title {
font-size: 38px;
color: rgba(51, 51, 51, 1);
line-height: 53px;
text-align: center;
margin: 78px 0 41px 0;
}
.job-head {
height: 140px;
.work-nature {
height: 30px;
.type-nature {
width: 72px;
height: 25px;
font-size: 18px;
font-weight: 600;
color: rgba(51, 51, 51, 1);
line-height: 25px;
margin-right: 60px;
}
.button {
span {
width: 60px;
height: 30px;
border-radius: 15px;
border: 1px solid rgba(204, 204, 204, 1);
display: inline-block;
text-align: center;
line-height: 30px;
cursor: pointer;
margin-right: 60px;
&.active {
border: 1px solid rgba(255, 133, 52, 1);
color: rgba(255, 133, 52, 1);
}
&:hover {
border: 1px solid rgba(255, 133, 52, 1) !important;
color: rgba(255, 133, 52, 1) !important;
}
}
}
}
.job-category {
margin-top: 37px;
margin-bottom: 60px;
.type {
width: 72px;
height: 25px;
font-size: 18px;
font-weight: 600;
color: rgba(51, 51, 51, 1);
line-height: 25px;
margin-right: 60px;
}
.button {
span {
width: 60px;
height: 30px;
border-radius: 15px;
border: 1px solid rgba(204, 204, 204, 1);
display: inline-block;
text-align: center;
line-height: 30px;
margin-right: 60px;
cursor: pointer;
&.active {
border: 1px solid rgba(255, 133, 52, 1);
color: rgba(255, 133, 52, 1);
}
&:hover {
border: 1px solid rgba(255, 133, 52, 1) !important;
color: rgba(255, 133, 52, 1) !important;
}
}
}
}
}
.job-detail {
ul {
width: 100%;
overflow: auto;
li {
width: 100%;
&#first {
background: rgba(245, 247, 250, 1);
span {
font-weight: 600;
font-size: 16px;
}
}
span {
width: 19.5%;
font-size: 14px;
color: rgba(102, 102, 102, 1);
line-height: 42px;
border: 0;
display: inline-block;
text-align: center;
font-weight: 400;
font-family: PingFangSC-Regular;
&.num {
.icon {
display: none;
font-size: 17px;
color: rgba(255, 133, 52, 1);
&.active {
display: block;
}
}
}
}
&.title {
&:hover {
background: #f5f7fa;
}
}
&.detail {
background: rgba(255, 255, 255, 1);
box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.09);
display: none;
padding: 13px 40px 40px 40px;
width: 1189px;
margin-left: 6px;
box-sizing: border-box;
&.active {
display: block;
}
.append {
padding-left: 32px;
.duty,
.require {
.title {
font-size: 16px;
font-weight: 800;
color: rgba(51, 51, 51, 1);
line-height: 42px;
}
.list {
font-size: 14px;
font-weight: 400;
color: rgba(102, 102, 102, 1);
line-height: 42px;
}
}
.require {
margin-top: 40px;
margin-bottom: 40px;
}
.mail {
color: #0e6ed5;
font-size: 14px;
font-weight: 400;
line-height: 42px;
}
}
}
}
}
}
}
pages/micro-brand-web.jsx 0 → 100644
/*
* @Description:
* @Author: zangsuyun
* @Date: 2020-07-23 15:39:06
* @LastEditors: zhujiapeng
* @LastEditTime: 2021-06-07 14:09:59
* @Copyright: © 2020 杭州杰竞科技有限公司 版权所有
*/
import React from "react";
import { Button } from "antd";
// import FreeTrial from "@/components/FreeTrial";
import Header from '../components/Header';
import Footer from '../components/Footer';
import SiderBar from '../components/SiderBar';
import "./microBrand.less";
class microBrandWeb extends React.Component {
constructor(props) {
super(props);
this.state = {
isShow: false,
};
}
componentWillMount(){
// if (
// navigator.userAgent.match(
// /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
// )
// ) {
// //pc端访问 跳转至pc页面
// window.location.href = "../wap.html";
// }
}
componentDidMount() {
// window.WEBTRACING('WebG_product_microBrandWeb_showEvent_openPage', 'WebG_产品_微官网_曝光事件_打开页面', {page: 'microBrandWeb'})
}
renderModal = (flag) => {
this.setState({
isShow: flag,
});
};
render() {
return (
<div className="cash-main" style={{ background: "#fff" }}>
<Header active={"product"}></Header>
<div className="micro-brand">
<div className="xm-head-content center">
<div className="title">让每一家机构拥有更适合自己的微官网</div>
<div className="content">快速部署/无需开发/品牌展示</div>
<Button
size="large"
onClick={() => {
window.WEBTRACING('WebG_product_microBrandWeb_banner_clickEvent_clickFreeUse', ' WebG_产品_微官网_Banner_点击事件_点击免费试用', {page: 'microBrandWeb'})
this.renderModal(true);
}}
>
免费试用
</Button>
</div>
</div>
<div className="center">
<div className="micro-brand-item" style={{ height: 345 }}>
<img
src="https://image.xiaomaiketang.com/xm/fFGBwKFApZ.png"
alt=""
/>
<div className="content">
<div className="title">聚焦小程序红利，获取海量曝光</div>
<span>借力微信红利，拥有更强大的流量获取能力</span>
</div>
</div>
<div className="micro-brand-item">
<div className="content">
<div className="title">多维度展示机构平台，彰显机构实力</div>
<span>
师资团体/明星学员/课程展示/校区环境…
<br /> 多维度展示机构实力
</span>
</div>
<img
src="https://image.xiaomaiketang.com/xm/PMPQyW4Zmf.png"
alt=""
/>
</div>
<div className="micro-brand-item">
<img
src="https://image.xiaomaiketang.com/xm/dnb42hDpyr.png"
alt=""
/>
<div className="content">
<div className="title">店铺页面组件化装修，快速部署</div>
<span>装修组件满足个性展现，快速部署一键拥有自己的品牌官网</span>
</div>
</div>
<div className="micro-brand-item">
<div className="content">
<div className="title">数据互联，系统化管理客户</div>
<span>微官网与CRM打通，流量获取-跟进环节无阻碍</span>
</div>
<img
src="https://image.xiaomaiketang.com/xm/R5eT3m5jny.png"
alt=""
/>
</div>
</div>
{/* {this.state.isShow ? (
<FreeTrial handModalShow={this.renderModal}></FreeTrial>
) : (
""
)} */}
<Footer page="microBrandWeb" isTrial={true}></Footer>
<SiderBar></SiderBar>
</div>
);
}
}
export default microBrandWeb;
pages/microBrand.less 0 → 100644
.micro-brand{
width: 100%;
height: 540px;
background-image: url(https://image.xiaomaiketang.com/xm/BNWbnDmF3Z.png);
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative;
display: flex;
align-items: center;
.ant-btn{
color: #4F99FF !important;
}
}
.micro-brand-item{
height: 468px;
display: flex;
justify-content: space-between;
align-items: center;
margin: 80px 0 !important;
img{
width: 573px;
height: 100%;
}
.content{
text-align: left;
.title{
font-size:38px;
font-weight:500;
color:rgba(51,51,51,1);
line-height:53px;
margin-bottom: 17px;
}
span{
font-size:28px;
font-weight:400;
color:rgba(102,102,102,1);
line-height:40px;
}
}
}
\ No newline at end of file
pages/mm-chain.less 0 → 100644
.mai-Chain{
width: 100%;
height: 540px;
background-image: url(https://image.xiaomaiketang.com/xm/wj6TJSrPsf.png);
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative;
display: flex;
align-items: center;
.center{
.module-title{
width: 100%;
text-align: center;
font-size: 38px;
color: #333;
height: 53px;
line-height: 53px;
margin-bottom: 50px;
p{
font-size:24px;
line-height:33px;
font-weight:400;
margin-top: 10px;
}
}
}
}
.backGray{
background: #F4F6F9;
}
.xm-head-chain-content {
.title{
height: 62px;
font-size: 44px;
font-weight: 500;
color: #333333;
}
.content{
margin-top: 2px;
font-size: 20px;
}
button{
margin-top: 48px;
width: 138px;
height: 44px;
background: #333;
border: 0;
border-radius: 2px;
font-size: 16px;
color: #F9C152
}
}
.hard-content{
.title{
font-size: 24px;
font-weight: 500;
margin-left: 15px;
}
ul {
margin-top: 23px;
padding: 0;
li {
position: relative;
z-index: 10;
padding: 20px 40px 15px 15px;
box-sizing: border-box;
display: flex;
justify-content: flex-start;
.left-img {
width: 48px;
height: 48px;
margin-right: 20px;
background-repeat: no-repeat;
background-size: contain;
&.img1 {
background-image: url("https://image.xiaomaiketang.com/xm/etPkfQMwXF.png");
}
&.img2 {
background-image: url("https://image.xiaomaiketang.com/xm/4KKpBBBZrZ.png");
}
&.img3 {
background-image: url("https://image.xiaomaiketang.com/xm/Ci7HXz74hi.png");
}
&.img4 {
background-image: url("https://image.xiaomaiketang.com/xm/jrpycZcRMc.png");
}
&.img5 {
background-image: url("https://image.xiaomaiketang.com/xm/fJC2FHdye3.png");
}
&.img6 {
background-image: url("https://image.xiaomaiketang.com/xm/dfnCicy752.png");
}
&.img7 {
background-image: url("https://image.xiaomaiketang.com/xm/xb27KfFMGy.png");
}
&.img8 {
background-image: url("https://image.xiaomaiketang.com/xm/zDXHFH8Q7w.png");
}
&.img9 {
background-image: url("https://image.xiaomaiketang.com/xm/arwJibAZZs.png");
}
}
.right-text {
.titles {
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
line-height: 22px;
margin-bottom: 7px;
}
.detail {
font-size: 12px;
font-weight: 400;
color: rgba(102, 102, 102, 1);
line-height: 17px;
}
}
}
}
}
.chain-module-item{
.module-title{
width: 100%;
text-align: center;
font-size: 38px;
color: #333;
height: 53px;
line-height: 53px;
margin-bottom: 50px;
margin-top: 46px;
p{
font-size:24px;
line-height:33px;
font-weight:400;
}
}
.module-mm-chain{
display: flex;
align-items: center;
justify-content: space-around;
.mm-Empowerment-item{
width: 306px;
height: 208px;
text-align: center;
margin-top: 80px;
img{
width: 100px;
height: 82px;
background-size: 100%;
}
p{
font-weight: 500;
margin-bottom: 7px;
position: relative;
}
.module-content-text{
color:#999;
width: 282px;
height: 40px;
font-size: 14px;
margin: 0 auto;
text-align: center;
p{
text-align: center;
}
}
}
.mm-chain-item{
width: 306px;
height: 208px;
background: #FAFCFD;
border-radius: 4px;
text-align: center;
position: relative;
.module-content{
margin-top: 70px;
.title{
font-size: 18px;
font-weight: 500;
margin-bottom: 15px;
}
}
.icon {
width: 73px;
height: 73px;
position: absolute;
top:0;
left:0;
background-image: url("https://image.xiaomaiketang.com/xm/CGijXE3TWP.png");
background-size: 100%;
}
}
}
}
.mai-Chain-item-img{
margin-top: 50px;
.module-content-img{
width: 1196px;
height: 469px;
background-size: 100%;
}
}
.mai-Chain-item{
height: 468px;
display: flex;
justify-content: space-between;
align-items: center;
margin: 40px 0 !important;
.template{
width: 601px;
height: 386px;
}
img:nth-child(2) {
width: 601px;
height: 380px;
}
.XmShow{
width: 601px;
height: 474px;
}
.content{
text-align: left;
width: 580px;
.title{
font-size:38px;
font-weight:500;
color:rgba(51,51,51,1);
line-height:53px;
margin-bottom: 17px;
}
span{
font-size:28px;
font-weight:400;
color:rgba(102,102,102,1);
line-height:40px;
}
}
}
\ No newline at end of file
pages/mm-poster.jsx 0 → 100644
/*
* @Author: hongxutao
* @Date: 2021-01-27 18:18:02
* @LastEditors: zhujiapeng
* @LastEditTime: 2021-06-07 14:01:33
* @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
*/
import React from "react";
import { Button } from "antd";
// import FreeTrial from "@/components/FreeTrial";
import Header from '../components/Header';
import Footer from '../components/Footer';
import SiderBar from '../components/SiderBar';
import "./mm-poster.less";
class mmPoster extends React.Component {
constructor(props) {
super(props);
this.state = {
isShow: false,
};
}
componentWillMount(){
// if (
// navigator.userAgent.match(
// /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
// )
// ) {
// //pc端访问 跳转至pc页面
// window.location.href = "../wap.html";
// }
}
componentDidMount() {
// window.WEBTRACING('WebG_product_mmPoster_showEvent_openPage', 'WebG_产品_麦萌海报_曝光事件_打开页面', {page: 'mmPoster'})
}
renderModal = (flag) => {
this.setState({
isShow: flag,
});
};
render() {
return (
<div className="cash-main" style={{ background: "#fff" }}>
<Header active={"product"}></Header>
<div className="mai-poster">
<div className="xm-head-content center">
<div className="title">麦萌海报，教培机构专属海报设计管家</div>
<div className="content">精选十大主题模版，轻松打造品牌形象</div>
<Button
size="large"
onClick={() => {
window.WEBTRACING('WebG_product_mmPoster_banner_clickEvent_clickFreeUse', ' WebG_产品_麦萌海报_Banner_点击事件_点击免费试用', {page: 'mmPoster'})
this.renderModal(true);
}}
>
免费试用
</Button>
</div>
</div>
<div className="center">
<div className="mai-poster-item" style={{ height: 345 }}>
<img
className="template"
src="https://image.xiaomaiketang.com/xm/GCkFZDQMTf.png"
alt=""
/>
<div className="content" style={{marginLeft:120}}>
<div className="title">海量精美模板供您挑选，满足各类教学场景</div>
<span>适用于招生宣传/通知海报/邀请函/倒计时/<br/>荣誉海报/课程宣传……</span>
</div>
</div>
</div>
<div className="center">
<div className="mai-poster-item" style={{ height: 345 }}>
<div className="content" >
<div className="title">操作便捷易上手，一键修改文字， <br/> 轻松打造品牌形象</div>
<span>只需简单拖拽，3分钟产出精美海报</span>
</div>
<img
src="https://image.xiaomaiketang.com/xm/QN7kkeNizN.png"
alt=""
/>
</div>
</div>
<div className="center">
<div className="mai-poster-item" style={{ height: 345 }}>
<img
className="XmShow"
src="https://image.xiaomaiketang.com/xm/rryTSRJwSw.png"
alt=""
/>
<div className="content" style={{marginLeft:90}}>
<div className="title">关联小麦秀、微官网、麦田表单，招生裂变更高效</div>
<span>营销活动码智能调用，一键传播激活社交圈</span>
</div>
</div>
</div>
{/* {this.state.isShow ? (
<FreeTrial handModalShow={this.renderModal}></FreeTrial>
) : (
""
)} */}
<Footer page="microBrandWeb" isTrial={true}></Footer>
<SiderBar></SiderBar>
</div>
);
}
}
export default mmPoster;
pages/mm-poster.less 0 → 100644
.mai-poster{
width: 100%;
height: 540px;
background-image: url(https://image.xiaomaiketang.com/xm/NmEnTeaJZ2.png);
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative;
display: flex;
align-items: center;
.ant-btn{
color: #FF8A1D !important;
}
}
.mai-poster-item{
height: 468px;
display: flex;
justify-content: space-between;
align-items: center;
margin: 80px 0 !important;
.template{
width: 565px;
height: 368px;
}
img:nth-child(2) {
width: 565px;
height: 412px;
}
.XmShow{
width: 585px;
height: 356px;
}
.content{
text-align: left;
width: 580px;
.title{
font-size:38px;
font-weight:500;
color:rgba(51,51,51,1);
line-height:53px;
margin-bottom: 17px;
}
span{
font-size:28px;
font-weight:400;
color:rgba(102,102,102,1);
line-height:40px;
}
}
}
\ No newline at end of file
pages/mmCheckIn.less 0 → 100644
.mm-check {
width: 100%;
height: 540px;
background-image: url(https://image.xiaomaiketang.com/xm/fxXtrhCdnR.png);
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative;
display: flex;
align-items: center;
}
.module-mm-check {
display: flex;
justify-content: space-between;
.item {
width: 120px;
height: 140px;
box-sizing: border-box;
margin: 0px;
text-align: center;
margin-top: 40px;
p{
font-size:20px;
font-weight:400;
color:rgba(51,51,51,1);
line-height:28px;
margin-bottom: 50px;
}
&:nth-child(1) {
margin-top: 60px;
}
&:nth-child(2) {
margin-top: 60px;
}
&:nth-child(3) {
margin-top: 60px;
}
.icon {
width: 100px;
height: 100px;
position: relative;
margin: 0 auto;
margin-bottom: 11px;
&.icon1 {
background-image: url("https://image.xiaomaiketang.com/xm/QSfMmtKfXk.png");
background-size: contain;
}
&.icon2 {
background-image: url("https://image.xiaomaiketang.com/xm/iBj2ZRiKRh.png");
background-size: contain;
}
&.icon3 {
background-image: url("https://image.xiaomaiketang.com/xm/pNCZTNkK2M.png");
background-size: contain;
}
&.icon4 {
background-image: url("https://image.xiaomaiketang.com/xm/3sCGJwNZFk.png");
background-size: contain;
}
&.icon5 {
background-image: url("https://image.xiaomaiketang.com/xm/QcaXrsdj5C.png");
background-size: contain;
}
&.icon6 {
background-image: url("https://image.xiaomaiketang.com/xm/nhnrFBQwRp.png");
background-size: contain;
}
}
}
}
.mm-check-content-module-body {
display: flex;
justify-content: space-between;
.module-img {
width: 322px;
height: 640px;
background-image: url(https://image.xiaomaiketang.com/xm/6GSxeFPZwe.png);
background-size: 102% 101%;
background-repeat: no-repeat;
padding: 52px 16px 108px 26px;
box-sizing: border-box;
overflow: hidden;
position: relative;
margin-bottom: 87px;
.img-wrap {
width: 290px;
height: 516px;
overflow: hidden;
ul {
width: 2023px;
height: 516px;
overflow: hidden;
position: relative;
padding-left: 0px;
li {
width: 289px;
opacity: 0;
&.on{
transition: opacity 0.5s;
opacity: 1;
}
.picture {
width: 279px;
height: 506px;
}
}
}
}
}
.web-img {
box-shadow: 0 0 30px #eaeff6;
}
.module-text {
position: relative;
overflow: hidden;
.module-top-content{
color:rgba(51,51,51,1);
margin-top: 59px;
.title{
font-size:24px;
font-weight:500;
line-height:33px;
}
span{
font-size:16px;
font-weight:400;
line-height:22px;
}
}
.bg-shadow{
width: 100%;
height: 111px;
background-color: #fff;
// opacity: 0.1;
position: absolute;
top:135px;
transition: top 0.2s;
}
.bg-shadow2{
width: 100%;
height: 111px;
background-color: #fff;
// opacity: 0.1;
position: absolute;
top:135px;
transition: top 0.2s;
}
ul {
margin-top: 23px;
padding: 0;
li {
position: relative;
z-index: 10;
padding: 31px 53px 32px 25px;
box-sizing: border-box;
display: flex;
justify-content: flex-start;
&.on {
background-color: rgba(244, 246, 249, 1);
}
.left-img {
width: 48px;
height: 48px;
margin-right: 20px;
background-repeat: no-repeat;
background-size: contain;
&.img1 {
background-image: url("https://image.xiaomaiketang.com/xm/rbi6dPW8xZ.png");
}
&.img2 {
background-image: url("https://image.xiaomaiketang.com/xm/YnWhp3fCQY.png");
}
&.img3 {
background-image: url("https://image.xiaomaiketang.com/xm/zB7dSye2JQ.png");
}
&.img4 {
background-image: url("https://image.xiaomaiketang.com/xm/tRMncCGFW5.png");
}
}
.right-text {
.title {
font-size: 16px;
font-weight: 400;
color: rgba(51, 51, 51, 1);
line-height: 22px;
margin-bottom: 7px;
}
.detail {
font-size: 12px;
font-weight: 400;
color: rgba(102, 102, 102, 1);
line-height: 17px;
}
}
}
}
&#text-container2 {
ul {
li {
&.on {
background-color: #fff;
}
.left-img {
width: 48px;
height: 48px;
margin-right: 20px;
background-repeat: no-repeat;
background-size: contain;
&.img1 {
background-image: url("https://image.xiaomaiketang.com/xm/wKB8iEK3S3.png");
}
&.img2 {
background-image: url("https://image.xiaomaiketang.com/xm/676JnCaPPZ.png");
}
&.img3 {
background-image: url("https://image.xiaomaiketang.com/xm/mpC2pTDB4a.png");
}
&.img4 {
background-image: url("https://image.xiaomaiketang.com/xm/iGJCesY4dw.png");
}
}
}
}
}
&#text-container3 {
ul {
.left-img {
width: 48px;
height: 48px;
margin-right: 20px;
background-repeat: no-repeat;
background-size: contain;
&.img1 {
background-image: url("https://image.xiaomaiketang.com/xm/abKDQh3TcS.png");
}
&.img2 {
background-image: url("https://image.xiaomaiketang.com/xm/cT4JBAk6AH.png");
}
&.img3 {
background-image: url("https://image.xiaomaiketang.com/xm/f3NA2Bxskt.png");
}
&.img4 {
background-image: url("https://image.xiaomaiketang.com/xm/GMhbs5Xbwf.png");
}
}
}
}
&#text-container4 {
ul {
.left-img {
width: 48px;
height: 48px;
margin-right: 20px;
background-repeat: no-repeat;
background-size: contain;
&.img1 {
background-image: url("https://image.xiaomaiketang.com/xm/tc72zMAMRi.png");
}
&.img2 {
background-image: url("https://image.xiaomaiketang.com/xm/jPWAdNX56C.png");
}
&.img3 {
background-image: url("https://image.xiaomaiketang.com/xm/MxcabfCEJ6.png");
}
&.img4 {
background-image: url("https://image.xiaomaiketang.com/xm/GYQraztebN.png");
}
}
}
}
}
}
\ No newline at end of file
pages/new-dynamic.jsx 0 → 100644
/*
* @Author: zhujiapeng
* @Date: 2021-06-04 15:09:14
* @LastEditors: liguokang
* @LastEditTime: 2021-07-14 20:40:16
* @Description: 新闻动态页面
* @Copyright: ©2021 杭州杰竞科技有限公司 版权所有
*/
import { useState, useEffect } from 'react';
import Header from '../components/Header';
import Footer from '../components/Footer';
import SiderBar from '../components/SiderBar';
import moment from 'moment';
import { Pagination } from 'antd';
// import NewsAPI from "../data-source/news/news-apis";
import axios from 'axios';
import './newsDynamic.less';
export default function NewsDynamic() {
const [list, setList] = useState([]); // 新闻列表
const [total, setTotal] = useState(0);
const [query, setQuery] = useState({
current: 1,
size: 10
});
useEffect(() => {
getList();
}, []);
// 获取新闻列表
function getList() {
const params = {
...query,
};
axios.post('https://heimdall.xiaomai5.com/workbench/anon/website/fetchPublishedNews', params).then((res) => {
const { data: { result } } = res;
const { records, total } = result;
setList(records);
setTotal(total);
});
}
return (
<div className="" style={{ background: "#fff" }}>
<Header active={'aboutUs'}></Header>
<div className="news-dynamic">
<div className="center">
<p>新闻动态</p>
</div>
</div>
<div id="news" className="center">
{list &&
list.map((item, index) => {
return (
<div className="news-list" key={index} onClick={() => {
this.props.history.push({
pathname: '/newsDetail',
state: {
item
}
})
}}>
<div className="img">
<img src={item.coverUrl} alt="" />
</div>
<div className="content">
<h1>{item.title}</h1>
<div className="item-content"> {item.summary}</div>
<span className="item-source">来源： {item.source} </span>
<span className="item-time"> {moment(Number(item.publishTime)).format("YYYY-MM-DD HH:mm")} </span>
</div>
</div>
);
})}
<Pagination
// style={{ textAlign: 'right' }}
current={query.current}
pageSize={query.size}
// onChange={this.getEffectActivity}
total={total} />
</div>
<Footer></Footer>
<SiderBar />
</div>
)
}
pages/newsDynamic.less 0 → 100644
.news-dynamic {
width: 100%;
height: 266px;
background-image: url(https://image.xiaomaiketang.com/xm/mjNCxXt8HJ.png);
background-repeat: no-repeat;
position: relative;
background-position: top;
background-size: cover;
margin-bottom: 80px;
p {
font-size: 38px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(255, 255, 255, 1);
line-height: 53px;
position: absolute;
left: 50%;
top: 100px;
margin-left: -76px;
}
}
.news-list {
height: 280px;
margin: 40px auto;
position: relative;
border-bottom: 1px solid #e8e8e8;
cursor: pointer;
&:last-child {
border-bottom: none;
}
img {
width: 320px;
height: 240px;
object-fit: cover;
}
.content,
.img {
display: inline-block;
}
.content {
width: 860px;
height: 240px;
position: absolute;
margin-left: 20px;
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(102, 102, 102, 1);
.item-source{
position: absolute;
bottom: 0;
}
.item-time{
position: absolute;
bottom: 0;
right: 0;
}
h1 {
font-size: 22px;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 40px;
margin-bottom: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
p {
line-height: 22px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
span {
line-height: 22px;
margin-top: 87px;
}
.item-content{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
}
}
pages/wheatSchool.less 0 → 100644
.wheat-school {
width: 100%;
height: 917px;
background-image: url(https://image.xiaomaiketang.com/xm/wt5SjfmSdy.png);
background-repeat: no-repeat;
// background-size: contain;
background-position: 50% 50%;
position: relative;
.swiper-img-content {
z-index: 2;
color: #f5f7fa;
width: 1200px;
padding: 298px 0 0 0px;
font-family: PingFangSC-Medium, PingFang SC;
.head {
height: 100px;
img {
margin-left: 10px;
vertical-align: sub;
}
}
p {
display: inline-block;
font-size: 70px;
font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 90px;
}
span {
font-size: 20px;
font-weight: 400;
color: rgba(255, 255, 255, 1);
line-height: 30px;
width: 520px;
}
.line {
width: 520px;
height: 1px;
background: rgba(255, 255, 255, 1);
opacity: 0.5;
margin: 20px 0;
}
.now-apply {
display: inline-block;
box-shadow: 0px 8px 16px 0px rgba(202, 99, 5, 0.33);
width: 167px;
height: 55px;
background: white;
font-size: 24px;
border-radius: 40px;
line-height: 55px;
text-align: center;
a {
color: #f57123;
font-family: Ping Fang SC;
font-weight: 400;
}
}
}
}
.module-wheat-school {
display: flex;
justify-content: space-between;
.item {
width: 230px;
height: 300px;
box-sizing: border-box;
margin: 0px;
&:last-child {
margin-right: 0;
}
.icon {
width: 126px;
height: 145px;
position: relative;
margin: 0 auto;
margin-bottom: 33px;
&.icon1 {
background-image: url("https://image.xiaomaiketang.com/xm/T8rjMby8sh.png");
background-size: contain;
}
&.icon2 {
background-image: url("https://image.xiaomaiketang.com/xm/a2z8JiEeJj.png");
background-size: contain;
}
&.icon3 {
background-image: url("https://image.xiaomaiketang.com/xm/Fe8277X8Ec.png");
background-size: contain;
}
&.icon4 {
background-image: url("https://image.xiaomaiketang.com/xm/YD57YEGT7y.png");
background-size: contain;
}
}
.module-content {
.title {
height: 24px;
font-size: 18px;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 24px;
text-align: center;
margin-bottom: 10px;
}
.content {
font-size: 12px;
font-weight: 400;
color: rgba(102, 102, 102, 1);
line-height: 17px;
text-align: center;
}
}
}
.item2 {
width: 326px;
height: 214px;
background: rgba(255, 255, 255, 1);
box-shadow: 10px 10px 20px 0px rgba(110, 123, 140, 0.1);
border-radius: 6px;
padding: 20px 22px 18px 22px;
cursor: pointer;
margin-bottom: 30px;
.icon {
width: 282px;
height: 120px;
position: relative;
margin: 0 auto;
margin-bottom: 7px;
&.icon1 {
background-image: url("https://image.xiaomaiketang.com/xm/jG6JDnZx6W.png");
background-size: contain;
}
&.icon3 {
background-image: url("https://image.xiaomaiketang.com/xm/F8fMK6aBph.png");
background-size: contain;
}
&.icon5 {
background-image: url("https://image.xiaomaiketang.com/xm/es4amh4FBn.png");
background-size: contain;
}
&.icon2 {
background-image: url("https://image.xiaomaiketang.com/xm/Fbymk4YjtQ.png");
background-size: contain;
}
&.icon4 {
background-image: url("https://image.xiaomaiketang.com/xm/A5WkRYbjb3.png");
background-size: contain;
}
&.icon6 {
background-image: url("https://image.xiaomaiketang.com/xm/iRPFJYBmhe.png");
background-size: contain;
}
}
.module-content {
margin: 3px 0 0 30px;
text-align: center;
.title {
height: 28px;
font-size: 16px;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 22px;
text-align: center;
}
.content {
font-size: 12px;
font-weight: 400;
color: rgba(102, 102, 102, 1);
line-height: 17px;
text-align: center;
}
}
}
.item3 {
width: 1200px;
padding-left: 230px;
.online-knowledge {
height: 520px;
display: flex;
align-items: center;
margin-bottom: 30px;
}
.title {
font-size: 24px;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 33px;
margin-bottom: 10px;
}
.content {
font-size: 16px;
font-weight: 400;
color: rgba(102, 102, 102, 1);
line-height: 22px;
}
.module-content {
font-family: PingFangSC-Medium, PingFang SC;
}
.course {
width: 272px;
height: 220px;
margin: 0 0 20px 20px;
display: inline-block;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 7px 14px 0px rgba(110, 123, 140, 0.1);
img {
width: 271px;
margin-bottom: 9px;
}
.title {
font-size: 16px;
font-weight: 600;
color: #333333;
line-height: 22px;
margin-bottom: 0px;
margin-left: 14px;
}
.content {
margin-left: 14px;
font-size: 12px;
font-weight: 400;
color: #6e7b8c;
line-height: 22px;
}
}
.live-streaming {
height: 640px;
display: flex;
align-items: center;
margin-bottom: 60px;
.left-img {
background-image: url(https://image.xiaomaiketang.com/xm/6GSxeFPZwe.png);
width: 322px;
height: 640px;
margin: 0 105px 0 -32px;
padding: 45px 16px 75px 28px;
background-size: 103% 101%;
background-repeat: no-repeat;
background-size: cover;
img {
width: 289px;
height: 506px;
}
}
}
.offline-active {
height: 411px;
display: flex;
align-items: center;
.right-img {
width: 577px;
height: 411px;
display: flex;
justify-content: center;
background-image: url(https://image.xiaomaiketang.com/xm/ksfrMRZMGD.png);
background-size: cover;
align-items: center;
border-radius: 8px;
margin-left: 20px;
padding-top: 12px;
.ant-carousel {
width: 509px;
}
img {
width: 509px;
border-radius: 8px;
height: 339px;
}
}
}
}
}
.bottom-content {
width: 100%;
height: 260px;
background: linear-gradient(
270deg,
rgba(255, 136, 51, 1) 0%,
rgba(255, 190, 77, 1) 100%
);
position: relative;
.bottom-code {
width: 405px;
display: flex;
justify-content: space-between;
position: absolute;
left: 50%;
margin-left: -202.5px;
top: 50%;
margin-top: -77px;
.code-item {
width: 135px;
text-align: center;
img {
width: 100px;
height: 100px;
margin-bottom: 10px;
}
span {
font-size: 12px;
font-weight: 400;
color: rgba(255, 255, 255, 1);
line-height: 17px;
}
}
}
}
pages/xmErp.less 0 → 100644
.xm-erp {
width: 100%;
height: 540px;
background-image: url(https://image.xiaomaiketang.com/xm/YrnaJJHAPR.png);
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative;
display: flex;
align-items: center;
}
.xm-erp-img{
width: 100%;
height: 691px;
text-align: center;
position: relative;
.center-img{
width: 735px;
height: 317px;
background-image: url('https://image.xiaomaiketang.com/xm/ysmeYpfzTc.png');
background-size: contain;
margin-top: 175px;
display: inline-block;
}
img{
width: 168px;
height: 174px;
position: absolute;
cursor: pointer;
transition: 1s;
&:hover{
transform: translateY(-10px);
}
&.erp-img1{
left: 50%;
top: 2%;
margin-left: -72px;
}
&.erp-img2{
left: 68%;
top: 17%;
}
&.erp-img3{
right: 7%;
top: 47%;
}
&.erp-img4{
right: 26%;
bottom: 6%;
}
&.erp-img5{
left: 26%;
bottom: 6%;
}
&.erp-img6{
left: 7%;
top: 47%;
}
&.erp-img7{
left: 19%;
top: 17%;
}
}
}
.tabs{
background: #fff;
position: relative;
.left-switch{
width:25px;
cursor: pointer;
height:45px;
position: absolute;
top: 260px;
background-image: url('https://image.xiaomaiketang.com/xm/tWtf8Hh3e4.png');
background-size: contain;
&.left-active{
background-image: url('https://image.xiaomaiketang.com/xm/jJhN2zPMmt.png');
}
}
.right-switch{
width:25px;
cursor: pointer;
height:45px;
position: absolute;
top: 260px;
right: 10px;
background-image: url('https://image.xiaomaiketang.com/xm/th5m2MZryW.png');
background-size: contain;
&.right-active{
background-image: url('https://image.xiaomaiketang.com/xm/HYQKKwCJNB.png');
}
}
.ant-tabs{
.ant-tabs-nav{
.ant-tabs-nav-wrap{
.ant-tabs-nav-list{
border-bottom: 1px solid #E8E8E8;
button{
color: blanchedalmond;
}
.ant-tabs-tab{
border: none;
padding: 16px 0;
font-size:22px;
line-height:30px;
color: #333333 !important;
margin: 0 20px;
background: #fff;
.ant-tabs-tab-btn,.ant-tabs-tab-remove{
&:active,&:focus {
color: #ff8534 !important;
}
}
}
.ant-tabs-tab:hover{
color: #ff8534 !important;
}
.ant-tabs-tab.ant-tabs-tab-active {
color: #ff8534 !important;
.ant-tabs-tab-btn{
color: #ff8534 !important;
&:focus,&:active{
color: #ff8534 !important;
}
}
font-weight: 500;
&:after {
content: '';
position: absolute;
bottom: 0px;
top: auto;
left: 28px;
height: 4px;
width: 30px;
background-color: #fe925b;
}
}
}
}
}
@keyframes hideTabIndex{
0%{ opacity: 0; transform: translate(0, 0) }
100%{opacity: 1; transform: translate(0, 0) }
}
.tab-content{
padding: 20px 0 20px 49px;
display: flex;
align-items: center;
height: 500px;
animation: hideTabIndex 0.8s;
img{
width: 650px;
}
.tab-detail{
width: 477px;
display: inline-block;
text-align: left;
margin: 15px 0 0 26px;
p{
font-size:24px;
font-weight:500;
line-height:33px;
margin-bottom: 5px;
}
span{
font-size:16px;
line-height:22px;
font-weight:400;
}
.detail-content{
.item{
width: 189px;
margin-top: 27px;
margin-right: 27px;
img{
width: 36px;
height: 36px;
margin-right: 10px;
}
.right-content{
width: 143px;
p{
font-size:16px;
line-height:22px;
font-weight:400;
margin-bottom: 7px;
}
.span{
font-size:12px;
line-height: 17px;
letter-spacing: 1px;
}
}
}
}
}
}
}
}
pages/xmSchoolInfo.less 0 → 100644
.xm-school-info{
width: 100%;
height: 540px;
background-image: url(https://image.xiaomaiketang.com/xm/2YZXGDYWtx.png);
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative;
display: flex;
align-items: center;
.ant-btn{
color: #4F99FF !important;
}
}
.xm-schoolinfo-content-module-body {
display: flex;
justify-content: space-between;
.module-img {
width: 322px;
height: 640px;
background-image: url(https://image.xiaomaiketang.com/xm/6GSxeFPZwe.png);
background-size: 102% 101%;
background-repeat: no-repeat;
padding: 52px 16px 108px 26px;
box-sizing: border-box;
overflow: hidden;
position: relative;
margin-bottom: 87px;
.img-wrap {
width: 289px;
height: 506px;
overflow: hidden;
margin-left: -6px;
ul {
width: 2023px;
height: 506px;
overflow: hidden;
position: relative;
padding-left: 0px;
li {
width: 289px;
opacity: 0;
&.on{
transition: opacity 0.5s;
opacity: 1;
}
.picture {
width: 289px;
height: 506px;
}
}
}
}
}
.web-img {
box-shadow: 0 0 30px #eaeff6;
}
.module-text {
position: relative;
overflow: hidden;
.module-top-content{
color:rgba(51,51,51,1);
margin-top: 59px;
.title{
font-size:24px;
font-weight:500;
line-height:33px;
}
span{
font-size:16px;
font-weight:400;
line-height:22px;
}
}
.bg-shadow{
width: 100%;
height: 111px;
background-color: #fff;
// opacity: 0.1;
position: absolute;
top: 110px;
transition: top 0.2s;
}
.bg-shadow2{
width: 100%;
height: 111px;
background-color: #F4F6F9;
// opacity: 0.1;
position: absolute;
top: 110px;
transition: top 0.2s;
}
ul {
margin-top: 114px;
padding: 0;
li {
position: relative;
z-index: 10;
padding: 31px 53px 32px 25px;
box-sizing: border-box;
display: flex;
justify-content: flex-start;
&.on {
background-color: rgba(244, 246, 249, 1);
}
.left-img {
width: 48px;
height: 48px;
margin-right: 20px;
background-repeat: no-repeat;
background-size: contain;
&.img1 {
background-image: url("https://image.xiaomaiketang.com/xm/hp3Sh28hpD.png");
}
&.img2 {
background-image: url("https://image.xiaomaiketang.com/xm/bryyYHtTPa.png");
}
&.img3 {
background-image: url("https://image.xiaomaiketang.com/xm/NrRwHXkZKD.png");
}
&.img4 {
background-image: url("https://image.xiaomaiketang.com/xm/5HwpbQPkCH.png");
}
}
.right-text {
.title {
font-size: 16px;
font-weight: 400;
color: rgba(51, 51, 51, 1);
line-height: 22px;
margin-bottom: 7px;
}
.detail {
font-size: 12px;
font-weight: 400;
color: rgba(102, 102, 102, 1);
line-height: 17px;
}
}
}
}
&#text-container2 {
ul {
li {
&.on {
background-color: #eee;
}
.left-img {
width: 48px;
height: 48px;
margin-right: 20px;
background-repeat: no-repeat;
background-size: contain;
&.img1 {
background-image: url("https://image.xiaomaiketang.com/xm/btFmMSXf5S.png");
}
&.img2 {
background-image: url("https://image.xiaomaiketang.com/xm/fhthaMK4wa.png");
}
&.img3 {
background-image: url("https://image.xiaomaiketang.com/xm/PsGScSz2kh.png");
}
&.img4 {
background-image: url("https://image.xiaomaiketang.com/xm/xRPNNbQH5b.png");
}
}
}
}
}
}
}
\ No newline at end of file
pages/xmShow.less 0 → 100644
.xm-show {
width: 100%;
height: 540px;
background-image: url(https://image.xiaomaiketang.com/xm/Ry84nrZrtC.png);
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative;
display: flex;
align-items: center;
}
.module-unit {
border-top: 1px solid transparent;
.top {
margin-top: 60px;
padding-bottom: 50px;
display: flex;
justify-content: space-around;
align-items: center;
.line{
width:1px;
height:76px;
background: #000;
}
.item {
width: 400px;
.wrap {
text-align: center;
}
.num {
font-size: 72px;
line-height: 100px;
color: #333333;
text-align: center;
}
.pre-unit {
font-size: 72px;
line-height: 100px;
color: #333333;
text-align: center;
}
.type {
font-size: 20px;
font-weight: 400;
color: #333333;
line-height: 28px;
text-align: center;
}
}
}
}
.show-content-module-body {
display: flex;
justify-content: space-between;
padding-top: 40px;
.module-img {
width: 322px;
height: 640px;
background-image: url(https://image.xiaomaiketang.com/xm/6GSxeFPZwe.png);
background-size: 103% 101%;
background-repeat: no-repeat;
// box-shadow: 0 0 30px #eaeff6;
padding: 52px 16px 108px 0px;
box-sizing: border-box;
overflow: hidden;
position: relative;
&#img-container2 {
// box-shadow: 0 0 30px #ffeaeff6;
}
.img-wrap {
width: 289px;
height: 506px;
// overflow: hidden;
margin-left: -19px;
ul {
width: 2023px;
height: 506px;
overflow: hidden;
position: relative;
// top:52px;
left: 22px;
&.ul2 {
left: 0px;
}
&.ul3 {
left: 0px;
}
li {
width: 289px;
opacity: 0;
overflow: hidden;
&.on{
transition: opacity 0.5s;
opacity: 1;
}
.picture {
width: 289px;
height: 506px;
}
}
}
}
}
.module-img-2 {
// width: 640px;
height: 591px;
padding: 52px 16px 108px 0px;
box-sizing: border-box;
// overflow: hidden;
position: relative;
.img-wrap {
width: 625px;
height: 591px;
// overflow: hidden;
margin-left: -19px;
ul {
width: 2023px;
height: 506px;
overflow: hidden;
position: relative;
// top:52px;
left: 22px;
&.ul2 {
left: 0px;
}
&.ul3 {
left: 0px;
}
li {
width: 625px;
opacity: 0;
&.on{
transition: opacity 0.5s;
opacity: 1;
}
.picture {
width: 625px;
height: 591px;
}
}
}
}
}
.module-text {
position: relative;
overflow: hidden;
padding-top: 50px;
.bg-shadow{
width: 100%;
height: 111px;
background-color: #f4f6f9;
// opacity: 0.1;
position: absolute;
top:100px;
transition: top 0.2s;
}
.bg-shadow2{
width: 100%;
height: 111px;
background-color: #fff;
// opacity: 0.1;
position: absolute;
top:100px;
transition: top 0.2s;
}
ul {
li {
position: relative;
z-index: 10;
padding: 31px 53px 32px 25px;
box-sizing: border-box;
display: flex;
justify-content: flex-start;
&.on {
background-color: rgba(244, 246, 249, 1);
}
.left-img {
width: 48px;
height: 48px;
margin-right: 20px;
background-repeat: no-repeat;
background-size: contain;
&.img1 {
background-image: url("https://image.xiaomaiketang.com/xm/77TcaAiRWG.png");
}
&.img2 {
background-image: url("https://image.xiaomaiketang.com/xm/dHAez2h5P6.png");
}
&.img3 {
background-image: url("https://image.xiaomaiketang.com/xm/h68pepjB3m.png");
}
&.img4 {
background-image: url("https://image.xiaomaiketang.com/xm/GHhZcYTzJX.png");
}
&.img5 {
background-image: url("https://image.xiaomaiketang.com/xm/bzfGZ5DfFk.png");
}
}
.right-text {
width: 246px;
.title {
font-size: 16px;
font-weight: 400;
color: rgba(51, 51, 51, 1);
line-height: 22px;
margin-bottom: 7px;
.inner {
width:47px;
height:15px;
background:rgba(221,221,221,1);
border-radius:2px;
margin-left: 4px;
font-size:12px;
font-weight:400;
color:rgba(102,102,102,1);
line-height:17px;
display: inline-block;
text-align: center;
}
}
.detail {
font-size: 12px;
font-weight: 400;
color: rgba(102, 102, 102, 1);
line-height: 17px;
}
}
}
}
&#text-container2 {
ul {
margin-top: 140px;
li {
&.on {
background-color: #111111 !important;
}
.left-img {
width: 48px;
height: 48px;
margin-right: 20px;
background-repeat: no-repeat;
background-size: contain;
&.img1 {
background-image: url("https://image.xiaomaiketang.com/xm/EsKycwy6He.png");
}
&.img2 {
background-image: url("https://image.xiaomaiketang.com/xm/srD3zM5YtP.png");
}
}
}
}
}
}
}
public/vercel.svg 0 → 100644
<svg width="283" height="64" viewBox="0 0 283 64" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
</svg>
\ No newline at end of file
styles/globals.less 0 → 100644
html,
body {
padding: 0;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
}
html {
font-size: 80px;
}
a {
color: inherit;
text-decoration: none;
}
* {
box-sizing: border-box;
}
li {
list-style: none;
}
.fl {
float: left;
}
.fr {
float: right;
}
.center {
width: 1200px;
margin: 0 auto;
}
tsconfig.json 0 → 100644
{
"compilerOptions": {
"target": "es5",
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noEmit": true,
"esModuleInterop": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "preserve"
},
"include": [
"next-env.d.ts",
"**/*.ts",
"**/*.tsx",
"pages/index.jsx"
, "pages/company-profile.jsx", "pages/honorary-certificate.jsx", "pages/about.jsx", "pages/new-dynamic.jsx", "pages/wheat-system.jsx" ],
"exclude": [
"node_modules"
]
}
\ No newline at end of file
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