Skip to content

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

fe

parent d16cfea7
Showing with 51 additions and 511 deletions
components/README.md 0 → 100644
<!--
* @Author: liguokang
* @Date: 2021-07-14 20:36:28
* @LastEditors: liguokang
* @LastEditTime: 2021-07-28 11:16:56
* @Description:
* @Copyrigh: ©2021 杭州杰竞科技有限公司 版权所有
-->
## 描述
此处按需求添加相关页面
components/layout/XMHeader/laHeader.js
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: liguokang * @Author: liguokang
* @Date: 2021-07-15 10:28:10 * @Date: 2021-07-15 10:28:10
* @LastEditors: liguokang * @LastEditors: liguokang
* @LastEditTime: 2021-07-27 20:57:53 * @LastEditTime: 2021-07-27 21:24:21
* @Description: * @Description:
* @Copyrigh: ©2021 杭州杰竞科技有限公司 版权所有 * @Copyrigh: ©2021 杭州杰竞科技有限公司 版权所有
*/ */
...@@ -34,7 +34,7 @@ class LaHeader extends React.Component { ...@@ -34,7 +34,7 @@ class LaHeader extends React.Component {
</Link> </Link>
<Link href="/"> <Link href="/">
<div className={style.title_item}> <div className={style.title_item}>
<span>头部头部头部头部</span> <span>头部头部头2222部头部</span>
<img src={StaticImg + '/logo.png'} width={121} alt="" /> <img src={StaticImg + '/logo.png'} width={121} alt="" />
</div> </div>
</Link> </Link>
......
components/layout/index.js
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: liguokang * @Author: liguokang
* @Date: 2021-07-15 10:28:10 * @Date: 2021-07-15 10:28:10
* @LastEditors: liguokang * @LastEditors: liguokang
* @LastEditTime: 2021-07-15 11:35:57 * @LastEditTime: 2021-07-28 11:14:33
* @Description: * @Description:
* @Copyrigh: ©2021 杭州杰竞科技有限公司 版权所有 * @Copyrigh: ©2021 杭州杰竞科技有限公司 版权所有
*/ */
...@@ -61,7 +61,7 @@ class Layout extends React.Component { ...@@ -61,7 +61,7 @@ class Layout extends React.Component {
<meta name="format-detection" content="telephone=no,email=no" /> <meta name="format-detection" content="telephone=no,email=no" />
<meta httpEquiv="mobile-agent" content={'format=xhtml;url=' + mLink} /> <meta httpEquiv="mobile-agent" content={'format=xhtml;url=' + mLink} />
<link type="image/x-icon" rel="shortcut icon" href="static/images/favicon.ico" /> <link type="image/x-icon" rel="shortcut icon" href="static/images/favicon.ico" />
<link rel="stylesheet" href="/static/styles/ready.css" /> <link rel="stylesheet" href="/static/styles/globals.css" />
<script async defer src=" " /> <script async defer src=" " />
</Head> </Head>
......
components/siderBar/siderBar.less deleted 100644 → 0
.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);
}
}
}
hooks/README copy.md 0 → 100644
<!--
* @Author: liguokang
* @Date: 2021-07-14 20:36:28
* @LastEditors: liguokang
* @LastEditTime: 2021-07-28 11:17:40
* @Description:
* @Copyrigh: ©2021 杭州杰竞科技有限公司 版权所有
-->
## 描述
此处为 git 相关文件
hooks/README.md 0 → 100644
<!--
* @Author: liguokang
* @Date: 2021-07-14 20:36:28
* @LastEditors: liguokang
* @LastEditTime: 2021-07-28 11:17:40
* @Description:
* @Copyrigh: ©2021 杭州杰竞科技有限公司 版权所有
-->
## 描述
此处为 git 相关文件
package-lock.json
...@@ -2780,6 +2780,12 @@ ...@@ -2780,6 +2780,12 @@
"resolved": "https://registry.nlark.com/https-browserify/download/https-browserify-1.0.0.tgz", "resolved": "https://registry.nlark.com/https-browserify/download/https-browserify-1.0.0.tgz",
"integrity": "sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=" "integrity": "sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM="
}, },
"husky": {
"version": "7.0.1",
"resolved": "https://registry.nlark.com/husky/download/husky-7.0.1.tgz",
"integrity": "sha1-V59BgLXaRSAmPocTzIMpQrSOHxw=",
"dev": true
},
"iconv-lite": { "iconv-lite": {
"version": "0.4.24", "version": "0.4.24",
"resolved": "https://registry.nlark.com/iconv-lite/download/iconv-lite-0.4.24.tgz", "resolved": "https://registry.nlark.com/iconv-lite/download/iconv-lite-0.4.24.tgz",
......
package.json
...@@ -5,7 +5,8 @@ ...@@ -5,7 +5,8 @@
"dev": "next dev", "dev": "next dev",
"build": "next build", "build": "next build",
"export": "npm run build && next export", "export": "npm run build && next export",
"start": "next start" "start": "next start",
"prepare": "husky install"
}, },
"dependencies": { "dependencies": {
"@zeit/next-css": "^1.0.1", "@zeit/next-css": "^1.0.1",
...@@ -26,15 +27,16 @@ ...@@ -26,15 +27,16 @@
"redux": "^4.0.1" "redux": "^4.0.1"
}, },
"devDependencies": { "devDependencies": {
"cross-env": "^5.2.0",
"@types/react": "^17.0.9", "@types/react": "^17.0.9",
"cross-env": "^5.2.0",
"husky": "^7.0.1",
"typescript": "^4.3.2", "typescript": "^4.3.2",
"webpack": "^4.37.0", "webpack": "^4.37.0",
"webpack-bundle-analyzer": "^3.3.2" "webpack-bundle-analyzer": "^3.3.2"
}, },
"husky": { "husky": {
"hooks": { "hooks": {
"pre-commit": "node hooks/pre-commit.js", "pre-commit": "echo \"[Husky] pre-commit\"",
"commit-msg": "node hooks/commit-msg.js", "commit-msg": "node hooks/commit-msg.js",
"pre-push": "node hooks/pre-commit.js" "pre-push": "node hooks/pre-commit.js"
} }
......
pages/joinUs.less deleted 100644 → 0
.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 deleted 100644 → 0
/*
* @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;
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