Skip to content

X
xiaomai-website-ssr-template
Commit 9f069005 by liguokang
Options

feat: ⚡

parent 94616e90
Showing with 6 additions and 2666 deletions
data-source/join-us/request-apis.ts deleted 100644 → 0
/*
* @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 deleted 100644 → 0
/*
* @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
pages/HonoraryCertificate.less deleted 100644 → 0
.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/api/hello.js deleted 100644 → 0
// 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 deleted 100644 → 0
.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 deleted 100644 → 0
/*
* @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 deleted 100644 → 0
.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 deleted 100644 → 0
/*
* @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 deleted 100644 → 0
/*
* @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 deleted 100644 → 0
.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/microBrand.less deleted 100644 → 0
.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 deleted 100644 → 0
.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 deleted 100644 → 0
/*
* @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 deleted 100644 → 0
.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 deleted 100644 → 0
.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 deleted 100644 → 0
/*
* @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 deleted 100644 → 0
.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/wheat-school.jsx → pages/wheat-school/index.jsx
......@@ -2,14 +2,14 @@
* @Description:
* @Author: zangsuyun
* @Date: 2020-07-23 13:38:22
* @LastEditors: zhujiapeng
* @LastEditTime: 2021-06-07 14:35:17
* @LastEditors: liguokang
* @LastEditTime: 2021-07-15 10:15:28
* @Copyright: © 2020 杭州杰竞科技有限公司 版权所有
*/
import React from "react";
import { Carousel, Modal } from "antd";
import Header from '../components/Header';
import Header from '../../components/Header';
import "./wheatSchool.less";
class WheatSchool extends React.Component {
......
pages/xmErp.less deleted 100644 → 0
.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 deleted 100644 → 0
.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 deleted 100644 → 0
.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");
}
}
}
}
}
}
}
redux/reducer/index.js
/*
* @Description:
* @Date: 2020-03-18 18:19:52
* @LastEditTime: 2021-04-20 11:25:50
* @LastEditors: JamosLi
* @LastEditTime: 2021-07-15 10:17:35
* @LastEditors: liguokang
*/
import { actionTypes } from '../action/action-types';
import cityMap from 'static/cityconfig.json';
let initState = {
city: '',
cityMap: cityMap,
cityMap: {},
};
//根据url 设置客户端城市初始值,
if (typeof window === 'object') {
// debugger;
const href = window.location.href;
// initState.city = createCityBySubDomain(href, JSON.parse(sessionStorage.getItem('citylist')))
initState.city = '杭州';
}
export default (state = initState, action) => {
......
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