Skip to content

N
ngic-company
Commit 233f1cc6 authored by wuhao's avatar wuhao 🎯
Browse files
Options

aser

parent ca9f5e7a
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 806 additions and 23 deletions
routes.ts
View file @ 233f1cc6
...@@ -11,16 +11,17 @@ export default [ ...@@ -11,16 +11,17 @@ export default [
{ {
path: '/about', path: '/about',
name: '关于南高', name: '关于南高',
component: '@/layouts/about',
routes: [ routes: [
{ {
path: '/about/insert', path: '/about/insert',
name: '走进南高', name: '走进南高',
component: '@/pages/index', component: '@/pages/about/insert',
}, },
{ {
path: '/about/honer', path: '/about/honer',
name: '南高荣誉', name: '南高荣誉',
component: '@/pages/index', component: '@/pages/honer',
}, },
{ {
path: '/about/join', path: '/about/join',
......
src/assets/back.jpg 0 → 100644
View file @ 233f1cc6
This diff is collapsed.
src/assets/banner4.jpg deleted 100644 → 0
View file @ ca9f5e7a
This diff is collapsed.
src/assets/bg.jpg
View replaced file @ ca9f5e7a View file @ 233f1cc6
This diff is collapsed.
src/global.less
View file @ 233f1cc6
...@@ -211,14 +211,14 @@ body, ...@@ -211,14 +211,14 @@ body,
} }
@media (min-width: 1920px) { @media (min-width: 1920px) {
html { html {
font-size: 30px; font-size: 28px;
} }
} }
.ant-menu-title-content { .ant-menu-title-content {
font-size: 16px !important; font-size: 16px !important;
} }
.section { .section {
padding: 24px; padding: 2rem;
position: relative; position: relative;
.tabs { .tabs {
text-align: center; text-align: center;
...@@ -258,6 +258,24 @@ body, ...@@ -258,6 +258,24 @@ body,
min-height: 30px; min-height: 30px;
} }
} }
.ant-card-bordered {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
}
.ant-card-cover {
flex: 1;
}
.ant-card-cover,
.ant-card-body {
width: 100%;
padding: 1rem !important;
}
.ant-card-body {
padding-top: 0 !important;
}
} }
.slider { .slider {
...@@ -328,6 +346,17 @@ body, ...@@ -328,6 +346,17 @@ body,
} }
} }
} }
.oneline {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.img {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.twoline { .twoline {
text-overflow: -o-ellipsis-lastline; text-overflow: -o-ellipsis-lastline;
overflow: hidden; //溢出内容隐藏 overflow: hidden; //溢出内容隐藏
...@@ -357,3 +386,41 @@ body, ...@@ -357,3 +386,41 @@ body,
} }
} }
} }
.more {
height: 1px;
width: 100%;
background-color: #ccc;
position: relative;
margin: 1rem 0;
a {
position: absolute;
right: 0;
top: -1.2rem;
}
}
.secitem {
cursor: pointer;
.arrow {
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
margin-left: 1rem;
flex-shrink: 0;
transition: all 0.4s;
cursor: pointer;
span {
color: #3d67ff;
font-size: 0.6rem;
}
}
&:hover {
.arrow {
background-color: #3d67ff;
span {
color: #ffffff;
}
}
}
}
src/layouts/about.jsx 0 → 100644
View file @ 233f1cc6
import React, { useState, useEffect } from 'react';
import styles from './index.less';
import { history } from 'umi';
const tabs = [
{
path: '/about/insert',
name: '走进南高',
component: '@/pages/index',
},
{
path: '/about/honer',
name: '南高荣誉',
component: '@/pages/index',
},
{
path: '/about/join',
name: '加入南高',
component: '@/pages/index',
},
{
path: '/about/news',
name: '南高资讯',
component: '@/pages/index',
},
{
path: '/about/contact',
name: '联系我们',
component: '@/pages/index',
},
];
function About({ location: { pathname }, children }) {
return (
<>
<div className={styles.aboutheader}>
<img
src={require('@/assets/back.jpg')}
alt=""
style={{ width: '100%' }}
/>
<div className={styles.menucontent}>
{tabs.map((it, i) => {
return (
<div
key={it.path}
onClick={() => {
history.push(it.path);
}}
>
<div
className="img"
style={{
backgroundImage:
pathname == it.path
? `url(${require(`@/assets/tabicon/${i + 1}s.png`)})`
: `url(${require(`@/assets/tabicon/${i + 1}.png`)})`,
transform: pathname == it.path ? `scale(1.3)` : `scale(1)`,
backgroundSize:
pathname == it.path ? '50% auto' : '40% auto',
marginTop: pathname == it.path ? '-1rem' : 0,
transformOrigin: 'center',
transition: 'all 0.4s',
}}
></div>
<p
style={{
color: '#000000',
fontWeight: pathname == it.path ? 'bold' : 'normal',
marginTop: pathname == it.path ? '1rem' : 0,
fontSize: pathname == it.path ? '0.8rem' : '0.6rem',
transition: 'all 0.4s',
}}
>
{it.name}
</p>
</div>
);
})}
</div>
</div>
{children}
</>
);
}
export default About;
src/layouts/index.less
View file @ 233f1cc6
...@@ -40,3 +40,42 @@ ...@@ -40,3 +40,42 @@
} }
} }
} }
.aboutheader {
position: relative;
margin-bottom: 60px;
.menucontent {
width: calc(100% - 4rem);
display: flex;
justify-content: space-around;
align-items: center;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -48px;
background-color: #ffffff;
height: 5rem;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
> div {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
cursor: pointer;
> div {
width: 3rem;
height: 3rem;
background-size: 40% auto;
padding: 1rem;
background-color: #ffffff;
border-radius: 50%;
transform: scale(1);
}
p {
font-size: 0.6rem;
}
}
}
}
src/pages/about/honer.jsx 0 → 100644
View file @ 233f1cc6
import React, { useState, useEffect } from 'react';
import styles from './index.less';
import { Row, Col } from 'antd';
const col = { xs: 24, sm: 24, md: 12, lg: 12, xl: 12, xxl: 12 };
function Insert() {
return (
<div>
<div className="section">
<h2
style={{
textAlign: 'center',
marginBottom: '1.4rem',
fontSize: '1.2rem',
}}
>
江苏南高智能装备创新中心有限公司
</h2>
<p className={styles.intro}>
江苏南高智能装备创新中心有限公司是由东南大学牵头，联合地方政府和省内高档数控机床及成套装备行业的数家龙头企业共同创立的专注于数控机床及成套装备领域的高新技术企业。
</p>
<p className={styles.intro}>
江苏南高是<b>“江苏省智能装备产业联盟”</b>、
<b>“南京智能制造装备产业促进会”</b>的秘书长单位。
</p>
<p className={styles.intro}>
江苏南高是<b>“江苏省高档数控机床及成套装备创新中心”</b>的运营主体。
</p>
<p className={styles.intro}>
公司拥有自主知识产权的MOM制造运营管理系统，MES制造执行系统，WMS智能仓储系统，IOT工业互联网平台以及智能网关，结合数字孪生、机器视觉、AI、5G等新兴技术，帮助制造业企业打造数字化智慧工厂，累计服务合同到账收入超过5000万元。
</p>
</div>
<div className="section">
<Row>
<Col {...col}>
<div
className="img"
style={{
backgroundImage: `url(${require('@/assets/insert1.png')})`,
width: '100%',
height: '100%',
minHeight: 330,
paddingBottom: '1rem',
}}
></div>
</Col>
<Col {...col} className={styles.format}>
<h2>江苏省数控机床及成套装备创新中心</h2>
<p>
江苏省高档数控机床及成套装备创新中心于2018年2月被批准成为省制造业创新中心试点单位。
</p>
<div>中心任务</div>
<p>
1、开展行业基础和共性技术研究，提高高档数控机床及成套装备行业的技术水平；
<br />
2、促进重大科技成果的转化，高端技术人才的培养；
<br />
3、整合行业资源，为行业企业提供技术服务；
<br />
4、形成具有全球影响力的制造业创新中心，引领产业发展。
<br />
</p>
<p>
创新中心围绕数控机床的五大研究领域（机床智能化设计；机床制造技术；机床整机技术；机床运维技术；机床关键部件技术），设立了19个研究室，拥有一支由院士领衔的200多人的一流研发团队。
</p>
<div>核心功能</div>
<p>
<span>数控机床共性技术研发中心</span>
<span>中试与成果孵化基地</span>
<span>数控机床行业智库</span>
</p>
</Col>
</Row>
</div>
<div className="section">
<h2 className="title" style={{ color: '#3064c9' }}>
管理团队
</h2>
<p className={styles.intro}>
创新中心实行企业化运作，由董事会行使重大决策权，管理团队负责中心的具体运营管理。公司董事长兼任公司法人，决定公司和创新中心的重大决策。公司总经理担任创新中心主任，负责创新中心的技术研究和公司的日常管理。
</p>
<img
className={styles.introimg}
src={require('@/assets/insert2.jpg')}
alt=""
/>
<h2 className="title" style={{ color: '#3064c9' }}>
研究室主任
</h2>
<img
className={styles.introimg}
src={require('@/assets/insert3.jpg')}
alt=""
/>
</div>
<div className="section">
<h2 className="title">研究领域</h2>
<img
className={styles.introimg}
src={require('@/assets/insert4.jpg')}
alt=""
/>
</div>
<div className="section">
<h2 className="title">我们的投资人</h2>
<div className={styles?.ibo}>
{new Array(7).fill('').map((it, i) => {
return (
<img
src={require(`@/assets/ibo/tz${i + 1}.png`)}
alt=""
style={{ height: 68, width: 'auto', display: 'block' }}
/>
);
})}
</div>
</div>
<img
src={require(`@/assets/inserts.jpg`)}
alt=""
style={{ width: '100%', display: 'block' }}
/>
</div>
);
}
export default Insert;
src/pages/about/index.less 0 → 100644
View file @ 233f1cc6
.intro {
width: 66vw;
text-align: center;
margin: auto;
margin-bottom: 0.4rem;
min-width: 300px !important;
}
.introimg {
width: 66vw;
margin: 0 auto;
display: block;
min-width: 300px !important;
margin-bottom: 1rem;
}
.format {
background-color: #f9f9f9;
padding: 1.5rem 6vw;
h2 {
text-align: center;
font-size: 1.2rem;
margin-bottom: 1.2rem;
}
div {
background-color: @primary-color;
padding: 12px;
color: #fff;
width: 88px;
display: flex;
justify-content: center;
align-content: center;
margin-bottom: 0.4rem;
}
}
.ibo {
width: calc(100% - 4rem);
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin: 0 auto;
}
src/pages/about/insert.jsx 0 → 100644
View file @ 233f1cc6
import React, { useState, useEffect } from 'react';
import styles from './index.less';
import { Row, Col } from 'antd';
const col = { xs: 24, sm: 24, md: 12, lg: 12, xl: 12, xxl: 12 };
function Insert() {
return (
<div>
<div className="section">
<h2
style={{
textAlign: 'center',
marginBottom: '1.4rem',
fontSize: '1.2rem',
}}
>
江苏南高智能装备创新中心有限公司
</h2>
<p className={styles.intro}>
江苏南高智能装备创新中心有限公司是由东南大学牵头，联合地方政府和省内高档数控机床及成套装备行业的数家龙头企业共同创立的专注于数控机床及成套装备领域的高新技术企业。
</p>
<p className={styles.intro}>
江苏南高是<b>“江苏省智能装备产业联盟”</b>、
<b>“南京智能制造装备产业促进会”</b>的秘书长单位。
</p>
<p className={styles.intro}>
江苏南高是<b>“江苏省高档数控机床及成套装备创新中心”</b>的运营主体。
</p>
<p className={styles.intro}>
公司拥有自主知识产权的MOM制造运营管理系统，MES制造执行系统，WMS智能仓储系统，IOT工业互联网平台以及智能网关，结合数字孪生、机器视觉、AI、5G等新兴技术，帮助制造业企业打造数字化智慧工厂，累计服务合同到账收入超过5000万元。
</p>
</div>
<div className="section">
<Row>
<Col {...col}>
<div
className="img"
style={{
backgroundImage: `url(${require('@/assets/insert1.png')})`,
width: '100%',
height: '100%',
minHeight: 330,
paddingBottom: '1rem',
}}
></div>
</Col>
<Col {...col} className={styles.format}>
<h2>江苏省数控机床及成套装备创新中心</h2>
<p>
江苏省高档数控机床及成套装备创新中心于2018年2月被批准成为省制造业创新中心试点单位。
</p>
<div>中心任务</div>
<p>
1、开展行业基础和共性技术研究，提高高档数控机床及成套装备行业的技术水平；
<br />
2、促进重大科技成果的转化，高端技术人才的培养；
<br />
3、整合行业资源，为行业企业提供技术服务；
<br />
4、形成具有全球影响力的制造业创新中心，引领产业发展。
<br />
</p>
<p>
创新中心围绕数控机床的五大研究领域（机床智能化设计；机床制造技术；机床整机技术；机床运维技术；机床关键部件技术），设立了19个研究室，拥有一支由院士领衔的200多人的一流研发团队。
</p>
<div>核心功能</div>
<p>
<span>数控机床共性技术研发中心</span>
<span>中试与成果孵化基地</span>
<span>数控机床行业智库</span>
</p>
</Col>
</Row>
</div>
<div className="section">
<h2 className="title" style={{ color: '#3064c9' }}>
管理团队
</h2>
<p className={styles.intro}>
创新中心实行企业化运作，由董事会行使重大决策权，管理团队负责中心的具体运营管理。公司董事长兼任公司法人，决定公司和创新中心的重大决策。公司总经理担任创新中心主任，负责创新中心的技术研究和公司的日常管理。
</p>
<img
className={styles.introimg}
src={require('@/assets/insert2.jpg')}
alt=""
/>
<h2 className="title" style={{ color: '#3064c9' }}>
研究室主任
</h2>
<img
className={styles.introimg}
src={require('@/assets/insert3.jpg')}
alt=""
/>
</div>
<div className="section">
<h2 className="title">研究领域</h2>
<img
className={styles.introimg}
src={require('@/assets/insert4.jpg')}
alt=""
/>
</div>
<div className="section">
<h2 className="title">我们的投资人</h2>
<div className={styles?.ibo}>
{new Array(7).fill('').map((it, i) => {
return (
<img
src={require(`@/assets/ibo/tz${i + 1}.png`)}
alt=""
style={{ height: 68, width: 'auto', display: 'block' }}
/>
);
})}
</div>
</div>
<img
src={require(`@/assets/inserts.jpg`)}
alt=""
style={{ width: '100%', display: 'block' }}
/>
</div>
);
}
export default Insert;
src/pages/index.jsx
View file @ 233f1cc6
This diff is collapsed.
src/pages/index.less
View file @ 233f1cc6
...@@ -49,3 +49,47 @@ ...@@ -49,3 +49,47 @@
background-size: 100%; background-size: 100%;
} }
} }
.cards {
width: 100%;
background-repeat: no-repeat;
background-position: left top;
background-size: 100% 50%;
padding: 2rem;
margin-top: 1.2rem;
background-color: #f0f0f0;
.cardlist {
.cardItem {
cursor: default;
background-color: #f0f0f0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 20rem;
max-height: 460px !important;
box-shadow: 0px 0px 4px #364d79;
transition: all 0.4s;
margin-bottom: 16px;
h2 {
font-size: 0.8rem;
margin-bottom: 2rem;
}
p {
font-size: 0.6rem;
width: 80%;
}
img {
width: 0px;
transition: all 0.4s;
margin-top: 2rem;
}
&:hover {
background-color: #ffffff;
img {
width: 25%;
}
}
}
}
}
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