替换网站邮箱
This commit is contained in:
@@ -5,7 +5,7 @@
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<title>德木自动化</title>
|
||||
<link rel="icon" href="./static/favicon.ico">
|
||||
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=jcI3Q88g6V99OPBjLryoOqPTtsRdedHA"></script>
|
||||
<!-- <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=jcI3Q88g6V99OPBjLryoOqPTtsRdedHA"></script>-->
|
||||
</head>
|
||||
<body data-spy="scroll" data-target="#myScrollspy">
|
||||
<div id="app"></div>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<div class="container">
|
||||
<div class="server pull-left">
|
||||
<span class="glyphicon glyphicon-earphone"></span>0512-53998127
|
||||
<span class="glyphicon glyphicon-envelope"></span>postmaster@dwoodauto.com
|
||||
<span class="glyphicon glyphicon-envelope"></span>service@dwoodauto.com
|
||||
<span class="glyphicon glyphicon-time"></span>7x24小时为您服务
|
||||
</div>
|
||||
<div class="shejiao pull-right">
|
||||
@@ -27,12 +27,8 @@
|
||||
</div>
|
||||
<!-- 导航内容 -->
|
||||
<ul class="header-nav-wrapper">
|
||||
<li
|
||||
v-for="(item,index) in navList"
|
||||
:key="index"
|
||||
:class="index==navIndex?'active':''"
|
||||
@click="navClick(index,item.name)"
|
||||
>
|
||||
<li v-for="(item,index) in navList" :key="index" :class="index==navIndex?'active':''"
|
||||
@click="navClick(index,item.name)">
|
||||
<router-link :to="item.path">
|
||||
{{item.name}}
|
||||
<span v-if="item.children.length>0" class="glyphicon glyphicon-menu-down"></span>
|
||||
@@ -58,24 +54,13 @@
|
||||
<!-- 导航栏 -->
|
||||
<div class="header-nav-m-menu text-center">
|
||||
{{menuName}}
|
||||
<div
|
||||
class="header-nav-m-menu-wrapper"
|
||||
data-toggle="collapse"
|
||||
data-target="#menu"
|
||||
@click="menuClick"
|
||||
>
|
||||
<div class="header-nav-m-menu-wrapper" data-toggle="collapse" data-target="#menu" @click="menuClick">
|
||||
<span :class="menuClass"></span>
|
||||
</div>
|
||||
<!-- 导航内容 -->
|
||||
<ul id="menu" class="header-nav-m-wrapper collapse">
|
||||
<li
|
||||
v-for="(item,index) in navList"
|
||||
:key="index"
|
||||
:class="['text-left',index==navIndex?'active':'']"
|
||||
@click="navClick(index,item.name)"
|
||||
data-toggle="collapse"
|
||||
data-target="#menu"
|
||||
>
|
||||
<li v-for="(item,index) in navList" :key="index" :class="['text-left',index==navIndex?'active':'']"
|
||||
@click="navClick(index,item.name)" data-toggle="collapse" data-target="#menu">
|
||||
<router-link :to="item.path">
|
||||
{{item.name}}
|
||||
<i class="underline"></i>
|
||||
@@ -87,15 +72,15 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
export default {
|
||||
name: "Header",
|
||||
data() {
|
||||
return {
|
||||
navIndex: sessionStorage.getItem('navIndex') ? sessionStorage.getItem('navIndex') : 0,
|
||||
menuName: "首页",
|
||||
menuClass: "glyphicon glyphicon-home",
|
||||
logoName:'自动化MES管理系统',
|
||||
logoText:'MES ADMIN LOGIN',
|
||||
logoName: '自动化MES管理系统',
|
||||
logoText: 'MES ADMIN LOGIN',
|
||||
navList: [
|
||||
{
|
||||
name: "首页",
|
||||
@@ -152,7 +137,7 @@ export default {
|
||||
methods: {
|
||||
navClick(index, name) {
|
||||
this.navIndex = index;
|
||||
sessionStorage.setItem('navIndex',index)
|
||||
sessionStorage.setItem('navIndex', index)
|
||||
this.menuName = name;
|
||||
},
|
||||
menuClick() {
|
||||
@@ -163,85 +148,98 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
/* 顶部 */
|
||||
#header {
|
||||
/* 顶部 */
|
||||
#header {
|
||||
background: #f4f4f4;
|
||||
transition: all ease 0.6s;
|
||||
}
|
||||
#header .header-top {
|
||||
}
|
||||
|
||||
#header .header-top {
|
||||
height: 50px;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
line-height: 50px;
|
||||
background: #474747;
|
||||
}
|
||||
/* 顶部的图标 */
|
||||
#header .header-top span {
|
||||
}
|
||||
|
||||
/* 顶部的图标 */
|
||||
#header .header-top span {
|
||||
margin: 0 8px;
|
||||
}
|
||||
/* 导航栏 */
|
||||
#header .header-nav {
|
||||
}
|
||||
|
||||
/* 导航栏 */
|
||||
#header .header-nav {
|
||||
height: 110px;
|
||||
}
|
||||
/* 导航栏logo */
|
||||
#header .header-nav .header-nav-logo {
|
||||
}
|
||||
|
||||
/* 导航栏logo */
|
||||
#header .header-nav .header-nav-logo {
|
||||
width: 260px;
|
||||
height: 100%;
|
||||
float: left;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
/* 导航栏logo图片 */
|
||||
#header .header-nav .header-nav-logo img {
|
||||
}
|
||||
|
||||
/* 导航栏logo图片 */
|
||||
#header .header-nav .header-nav-logo img {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
flex-basis: 60px;
|
||||
}
|
||||
#header .header-nav .header-nav-logo .logo-text{
|
||||
}
|
||||
|
||||
#header .header-nav .header-nav-logo .logo-text {
|
||||
flex: 1;
|
||||
padding-left: 20px;
|
||||
}
|
||||
#header .header-nav .header-nav-logo .text-name{
|
||||
}
|
||||
|
||||
#header .header-nav .header-nav-logo .text-name {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
#header .header-nav .header-nav-logo .text{
|
||||
}
|
||||
|
||||
#header .header-nav .header-nav-logo .text {
|
||||
margin-bottom: 0;
|
||||
margin-top: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
/* 导航栏 导航容器 */
|
||||
#header .header-nav-fixed .header-nav-wrapper {
|
||||
}
|
||||
|
||||
/* 导航栏 导航容器 */
|
||||
#header .header-nav-fixed .header-nav-wrapper {
|
||||
line-height: 50px;
|
||||
}
|
||||
#header .header-nav .header-nav-wrapper {
|
||||
}
|
||||
|
||||
#header .header-nav .header-nav-wrapper {
|
||||
line-height: 110px;
|
||||
float: right;
|
||||
margin: 0;
|
||||
max-width: 800px;
|
||||
}
|
||||
/* 导航栏 每个导航 */
|
||||
#header .header-nav .header-nav-wrapper > li {
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航 */
|
||||
#header .header-nav .header-nav-wrapper>li {
|
||||
float: left;
|
||||
margin: 0 15px;
|
||||
position: relative;
|
||||
}
|
||||
/* 导航栏 每个导航下面的 a 链接 */
|
||||
#header .header-nav .header-nav-wrapper > li > a {
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的 a 链接 */
|
||||
#header .header-nav .header-nav-wrapper>li>a {
|
||||
color: #000;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
padding: 15px 0;
|
||||
position: relative;
|
||||
}
|
||||
/* 导航栏 每个导航下面的 a 链接的下划线 */
|
||||
#header .header-nav .header-nav-wrapper > li > a > i {
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的 a 链接的下划线 */
|
||||
#header .header-nav .header-nav-wrapper>li>a>i {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: -2px;
|
||||
@@ -251,35 +249,41 @@ export default {
|
||||
opacity: 0;
|
||||
transition: all 0.6s ease;
|
||||
background-color: #009688;
|
||||
}
|
||||
/* 导航栏 每个导航下面的 a 链接的右侧小三角 */
|
||||
#header .header-nav .header-nav-wrapper > li > a > span {
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的 a 链接的右侧小三角 */
|
||||
#header .header-nav .header-nav-wrapper>li>a>span {
|
||||
font-size: 12px;
|
||||
transition: transform ease 0.5s;
|
||||
}
|
||||
/* 导航栏 每个导航下面的 a 链接 鼠标滑上去的样式 */
|
||||
#header .header-nav .header-nav-wrapper > li > a:hover {
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的 a 链接 鼠标滑上去的样式 */
|
||||
#header .header-nav .header-nav-wrapper>li>a:hover {
|
||||
color: #009688;
|
||||
text-decoration: none;
|
||||
}
|
||||
/* 导航栏 每个导航下面的 a 链接 鼠标滑上去下划线的样式 */
|
||||
#header .header-nav .header-nav-wrapper > li > a:hover .underline {
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的 a 链接 鼠标滑上去下划线的样式 */
|
||||
#header .header-nav .header-nav-wrapper>li>a:hover .underline {
|
||||
opacity: 1;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
}
|
||||
/* 导航栏 每个导航下面的 a 链接 鼠标滑上去三角标的样式 */
|
||||
#header .header-nav .header-nav-wrapper > li > a:hover span {
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的 a 链接 鼠标滑上去三角标的样式 */
|
||||
#header .header-nav .header-nav-wrapper>li>a:hover span {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
/* 导航栏 每个导航下面的 a 链接 鼠标点击后的样式 */
|
||||
#header .header-nav .header-nav-wrapper > li.active > a {
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的 a 链接 鼠标点击后的样式 */
|
||||
#header .header-nav .header-nav-wrapper>li.active>a {
|
||||
color: #009688;
|
||||
text-decoration: none;
|
||||
border-bottom: 2px solid #009688;
|
||||
}
|
||||
/* 导航栏 每个导航下面的二级导航容器 */
|
||||
#header .header-nav .header-nav-wrapper > li > dl {
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的二级导航容器 */
|
||||
#header .header-nav .header-nav-wrapper>li>dl {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 168px;
|
||||
@@ -288,30 +292,35 @@ export default {
|
||||
z-index: 999999;
|
||||
box-shadow: 0 0 3px 1px #ccc;
|
||||
background: #fff;
|
||||
}
|
||||
/* 导航栏 每个导航下面的二级导航容器的每个导航 */
|
||||
#header .header-nav .header-nav-wrapper > li > dl > dt {
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的二级导航容器的每个导航 */
|
||||
#header .header-nav .header-nav-wrapper>li>dl>dt {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
/* 导航栏 每个导航下面的二级导航容器的每个导航 当鼠标滑上时的样式*/
|
||||
#header .header-nav .header-nav-wrapper > li > dl > dt > a:hover {
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的二级导航容器的每个导航 当鼠标滑上时的样式*/
|
||||
#header .header-nav .header-nav-wrapper>li>dl>dt>a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
/* 导航栏 滑上一级导航显示二级导航 */
|
||||
#header .header-nav .header-nav-wrapper > li:hover dl {
|
||||
}
|
||||
|
||||
/* 导航栏 滑上一级导航显示二级导航 */
|
||||
#header .header-nav .header-nav-wrapper>li:hover dl {
|
||||
display: block;
|
||||
}
|
||||
#header .header-nav .header-nav-wrapper > li > dl > dt:hover {
|
||||
}
|
||||
|
||||
#header .header-nav .header-nav-wrapper>li>dl>dt:hover {
|
||||
cursor: pointer;
|
||||
background: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 997px) {
|
||||
@media screen and (max-width: 997px) {
|
||||
#header .header-nav-m {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* 导航栏logo容器 */
|
||||
#header .header-nav-m .header-nav-m-logo {
|
||||
height: 70px;
|
||||
@@ -320,24 +329,29 @@ export default {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* 导航栏logo图片 */
|
||||
#header .header-nav-m .header-nav-m-logo img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin: 0;
|
||||
}
|
||||
#header .header-nav-m .header-nav-m-logo .logo-text{
|
||||
|
||||
#header .header-nav-m .header-nav-m-logo .logo-text {
|
||||
margin-left: 15px;
|
||||
}
|
||||
#header .header-nav-m .header-nav-m-logo .logo-text .text-name{
|
||||
|
||||
#header .header-nav-m .header-nav-m-logo .logo-text .text-name {
|
||||
margin-bottom: 5px;
|
||||
font-size: 16px;
|
||||
}
|
||||
#header .header-nav-m .header-nav-m-logo .logo-text .text{
|
||||
|
||||
#header .header-nav-m .header-nav-m-logo .logo-text .text {
|
||||
margin-bottom: 0;
|
||||
margin-top: 5px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* 导航栏 菜单容器 */
|
||||
#header .header-nav-m .header-nav-m-menu {
|
||||
color: #fff;
|
||||
@@ -346,6 +360,7 @@ export default {
|
||||
background: #474747;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* 导航栏 菜单图标 */
|
||||
#header .header-nav-m .header-nav-m-menu-wrapper {
|
||||
position: absolute;
|
||||
@@ -361,6 +376,7 @@ export default {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* 导航栏 */
|
||||
#header .header-nav-m .header-nav-m-wrapper {
|
||||
position: absolute;
|
||||
@@ -370,13 +386,15 @@ export default {
|
||||
background: #474747;
|
||||
z-index: 9999999;
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航 */
|
||||
#header .header-nav-m .header-nav-m-wrapper > li {
|
||||
#header .header-nav-m .header-nav-m-wrapper>li {
|
||||
padding: 0;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的 a 链接 */
|
||||
#header .header-nav-m .header-nav-m-wrapper > li > a {
|
||||
#header .header-nav-m .header-nav-m-wrapper>li>a {
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
@@ -385,9 +403,10 @@ export default {
|
||||
padding: 0 20px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的 a 链接的右侧小三角 */
|
||||
#header .header-nav .header-nav-wrapper > li > a > span {
|
||||
#header .header-nav .header-nav-wrapper>li>a>span {
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -13,14 +13,14 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 如果需要分页器 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
|
||||
<!-- 如果需要导航按钮 -->
|
||||
<!-- <div class="swiper-button-prev"></div>
|
||||
<div class="swiper-button-next"></div> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div id="videoFull" class="container-fuild">
|
||||
|
||||
</div> -->
|
||||
<!-- mes系统功能一览 -->
|
||||
<div id="customer" class="container-fuild">
|
||||
<div class="container customer-container">
|
||||
@@ -56,8 +56,7 @@
|
||||
<div class="row hidden-xs">
|
||||
<template v-for="(item,index) in customerModule">
|
||||
<div class="col col-xs-12 col-sm-6 col-md-3 wow zoomIn" v-if="!moduleShow?index<4:index>-1" :key="index">
|
||||
<div class="moduleView"
|
||||
onmouseenter="this.style.color='#28f';this.style.borderColor='#098'"
|
||||
<div class="moduleView" onmouseenter="this.style.color='#28f';this.style.borderColor='#098'"
|
||||
onmouseleave="this.style.color='#666';this.style.borderColor='#ccc'">
|
||||
<div class="customer-logo">
|
||||
<img :src="item.logo" alt="">
|
||||
@@ -83,7 +82,9 @@
|
||||
</template>
|
||||
</div>
|
||||
<div class="customer-head hidden-xs" @click="moduleShow=!moduleShow">
|
||||
<div class="head-name">查看更多<span :class="['icon',!moduleShow?'glyphicon glyphicon-chevron-down':'glyphicon glyphicon-chevron-up']"></span></div>
|
||||
<div class="head-name">查看更多<span
|
||||
:class="['icon',!moduleShow?'glyphicon glyphicon-chevron-down':'glyphicon glyphicon-chevron-up']"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -96,7 +97,8 @@
|
||||
</div>
|
||||
<div class="row bigData-container">
|
||||
<div class="col-xs-12 col-sm-12 col-md-6 wow zoomIn">
|
||||
<img class="img-responsive" src="https://dm-auto.oss-cn-shanghai.aliyuncs.com/mes-home/home/upperComputer.png" alt="上位记系统">
|
||||
<img class="img-responsive"
|
||||
src="https://dm-auto.oss-cn-shanghai.aliyuncs.com/mes-home/home/upperComputer.png" alt="上位记系统">
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-12 col-md-6">
|
||||
<div class="bigDataItem">
|
||||
@@ -142,11 +144,9 @@
|
||||
<p class="text-center">同时，它采用了标准的openAPI接口，能够高效地连接供应链、生产、仓储物流和销售等各个系统，实现了系统之间的高效通信和集成。</p>
|
||||
<div class="stackItem">
|
||||
<div class="col-xs-12 col-sm-6 col-md-2 server-wrapper" v-for="(item,index) in stackList" :key="index">
|
||||
<div
|
||||
class="server-block wow slideInUp"
|
||||
<div class="server-block wow slideInUp"
|
||||
onmouseenter="this.style.color='#28f';this.style.borderColor='#098'"
|
||||
onmouseleave="this.style.color='#666';this.style.borderColor='#ccc'"
|
||||
>
|
||||
onmouseleave="this.style.color='#666';this.style.borderColor='#ccc'">
|
||||
<img class="center-block" :src="item.logo" alt="logo">
|
||||
<!-- <p class="text-center">{{item.title}}</p>
|
||||
<div
|
||||
@@ -175,9 +175,9 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import Swiper from "swiper";
|
||||
import { WOW } from 'wowjs';
|
||||
export default {
|
||||
import Swiper from "swiper";
|
||||
import { WOW } from 'wowjs';
|
||||
export default {
|
||||
name: "HomePage",
|
||||
data() {
|
||||
return {
|
||||
@@ -206,16 +206,16 @@ export default {
|
||||
logo: "https://dm-auto.oss-cn-shanghai.aliyuncs.com/mes-home/home/funct/5.png",
|
||||
}
|
||||
],
|
||||
customerModule:[
|
||||
customerModule: [
|
||||
{
|
||||
logo:'https://dm-auto.oss-cn-shanghai.aliyuncs.com/mes-home/home/module/1.png',
|
||||
name:'生产工单',
|
||||
text:'制定和管理木材加工的生产工单，包括原料、加工工艺和数量信息。实时追踪工单状态和生产进度。'
|
||||
logo: 'https://dm-auto.oss-cn-shanghai.aliyuncs.com/mes-home/home/module/1.png',
|
||||
name: '生产工单',
|
||||
text: '制定和管理木材加工的生产工单，包括原料、加工工艺和数量信息。实时追踪工单状态和生产进度。'
|
||||
},
|
||||
{
|
||||
logo: 'https://dm-auto.oss-cn-shanghai.aliyuncs.com/mes-home/home/module/2.png',
|
||||
name: '生产排程',
|
||||
text:'基于工单需求和生产能力进行排程计划，考虑设备、人员和物料等因素。提供直观的可视化排程界面，方便灵活调整计划。'
|
||||
text: '基于工单需求和生产能力进行排程计划，考虑设备、人员和物料等因素。提供直观的可视化排程界面，方便灵活调整计划。'
|
||||
},
|
||||
{
|
||||
logo: 'https://dm-auto.oss-cn-shanghai.aliyuncs.com/mes-home/home/module/3.png',
|
||||
@@ -238,7 +238,7 @@ export default {
|
||||
text: '设置审批流程，保障重要操作的合规和授权，并提供审批记录和状态跟踪。'
|
||||
},
|
||||
],
|
||||
moduleShow:false,
|
||||
moduleShow: false,
|
||||
|
||||
stackList: [
|
||||
{
|
||||
@@ -287,7 +287,7 @@ export default {
|
||||
content: ""
|
||||
}
|
||||
],
|
||||
hardwareList:[
|
||||
hardwareList: [
|
||||
{
|
||||
logo: "https://dm-auto.oss-cn-shanghai.aliyuncs.com/mes-home/home/stack/10.png",
|
||||
title: "",
|
||||
@@ -378,19 +378,21 @@ export default {
|
||||
})
|
||||
wow.init();
|
||||
}
|
||||
};
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.homeTitleView{
|
||||
.homeTitleView {
|
||||
position: relative;
|
||||
}
|
||||
.homeTitleView .textBack{
|
||||
}
|
||||
|
||||
.homeTitleView .textBack {
|
||||
font-size: 34px;
|
||||
color: rgba(0,0,0,0.05);
|
||||
color: rgba(0, 0, 0, 0.05);
|
||||
font-family: Inter;
|
||||
font-weight: 600;
|
||||
}
|
||||
.homeTitleView .textName{
|
||||
}
|
||||
|
||||
.homeTitleView .textName {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
@@ -403,8 +405,9 @@ export default {
|
||||
font-weight: 600;
|
||||
font-size: 36px;
|
||||
font-family: PingFang SC;
|
||||
}
|
||||
.homeTitleView .textNameArt::after{
|
||||
}
|
||||
|
||||
.homeTitleView .textNameArt::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: calc(50% - 60px);
|
||||
@@ -413,28 +416,33 @@ export default {
|
||||
height: 4px;
|
||||
border-radius: 10px;
|
||||
background: #009688;
|
||||
}
|
||||
}
|
||||
|
||||
/* 整体盒子 */
|
||||
#HomePage {
|
||||
/* 整体盒子 */
|
||||
#HomePage {
|
||||
width: 100%;
|
||||
}
|
||||
/* 轮播图 */
|
||||
#swiper {
|
||||
}
|
||||
|
||||
/* 轮播图 */
|
||||
#swiper {
|
||||
height: 700px;
|
||||
}
|
||||
#swiper .banner-swiper {
|
||||
}
|
||||
|
||||
#swiper .banner-swiper {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
#swiper .banner-swiper .swiper-slide img {
|
||||
}
|
||||
|
||||
#swiper .banner-swiper .swiper-slide img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
#swiper .banner-swiper .swiper-slide{
|
||||
}
|
||||
|
||||
#swiper .banner-swiper .swiper-slide {
|
||||
position: relative;
|
||||
}
|
||||
#swiper .banner-swiper .swiper-slide-title {
|
||||
}
|
||||
|
||||
#swiper .banner-swiper .swiper-slide-title {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
@@ -444,26 +452,36 @@ export default {
|
||||
color: #fff;
|
||||
background: rgba(51, 51, 51, 0.534);
|
||||
text-align: center;
|
||||
}
|
||||
#swiper .banner-swiper .swiper-slide-title > h1{
|
||||
}
|
||||
|
||||
#swiper .banner-swiper .swiper-slide-title>h1 {
|
||||
font-size: 50px;
|
||||
margin-top: 13%;
|
||||
}
|
||||
#swiper .banner-swiper .swiper-slide-title > p{
|
||||
}
|
||||
|
||||
#swiper .banner-swiper .swiper-slide-title>p {
|
||||
font-size: 20px;
|
||||
margin-top: 3%;
|
||||
font-weight: 700;
|
||||
}
|
||||
/* 大数据管理系统 */
|
||||
#bigData {
|
||||
}
|
||||
|
||||
/* 视屏 */
|
||||
#videoFull {
|
||||
height: 700px;
|
||||
}
|
||||
|
||||
/* 大数据管理系统 */
|
||||
#bigData {
|
||||
padding: 50px 0;
|
||||
transition: all ease 0.6s;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#bigData .bigDataItem{
|
||||
}
|
||||
|
||||
#bigData .bigDataItem {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#bigData .bigData-title {
|
||||
}
|
||||
|
||||
#bigData .bigData-title {
|
||||
margin: 15px 0;
|
||||
border-radius: 28px;
|
||||
background: #009688;
|
||||
@@ -471,99 +489,116 @@ export default {
|
||||
color: #fff;
|
||||
padding: 8px 24px;
|
||||
box-shadow: 0px 4px 4px 0px rgba(0, 150, 136, 0.20);
|
||||
}
|
||||
#bigData .text{
|
||||
}
|
||||
|
||||
#bigData .text {
|
||||
font-weight: 400;
|
||||
color: #666;
|
||||
font-family: PingFang SC;
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
#bigData p {
|
||||
#bigData p {
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
line-height: 2rem;
|
||||
}
|
||||
#bigData .bigData-device {
|
||||
margin: 50px 0 20px;
|
||||
}
|
||||
#bigData .bigData-container{
|
||||
margin-top: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 您身边的IT专家 */
|
||||
#contactUs {
|
||||
#bigData .bigData-device {
|
||||
margin: 50px 0 20px;
|
||||
}
|
||||
|
||||
#bigData .bigData-container {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
/* 您身边的IT专家 */
|
||||
#contactUs {
|
||||
color: #fff;
|
||||
height: 400px;
|
||||
background: url("../assets/img/contact_us_bg.jpg") 0 0 no-repeat;
|
||||
background-size: 100% 100%;
|
||||
transition: all ease 0.6s;
|
||||
}
|
||||
#contactUs .contactUs-container {
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container {
|
||||
padding-top: 50px;
|
||||
}
|
||||
#contactUs .contactUs-container button {
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container button {
|
||||
width: 300px;
|
||||
height: 50px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
#contactUs .contactUs-container .contactUs-contactWay span {
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container .contactUs-contactWay span {
|
||||
display: inline-block;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
margin: 30px;
|
||||
}
|
||||
#contactUs .contactUs-container .contactUs-contactWay span:nth-of-type(1) {
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container .contactUs-contactWay span:nth-of-type(1) {
|
||||
background: url("../assets/img/weixin.png") 0 0 no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
#contactUs .contactUs-container .contactUs-contactWay span:nth-of-type(2) {
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container .contactUs-contactWay span:nth-of-type(2) {
|
||||
background: url("../assets/img/weibo.png") 0 0 no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
#contactUs .contactUs-container .contactUs-contactWay span:nth-of-type(3) {
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container .contactUs-contactWay span:nth-of-type(3) {
|
||||
background: url("../assets/img/twitter.png") 0 0 no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* mes系统功能 */
|
||||
#customer {
|
||||
/* mes系统功能 */
|
||||
#customer {
|
||||
padding: 50px 0;
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
transition: all ease 0.6s;
|
||||
}
|
||||
#customer .customer-title {
|
||||
}
|
||||
|
||||
#customer .customer-title {
|
||||
position: relative;
|
||||
}
|
||||
#customer .customer-block {
|
||||
}
|
||||
|
||||
#customer .customer-block {
|
||||
background: #fff;
|
||||
padding: 30px 30px 70px 30px;
|
||||
}
|
||||
#customer .customer-logo img {
|
||||
}
|
||||
|
||||
#customer .customer-logo img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
#customer .customer-yh img {
|
||||
}
|
||||
|
||||
#customer .customer-yh img {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
}
|
||||
#customer .customer-content1 {
|
||||
}
|
||||
|
||||
#customer .customer-content1 {
|
||||
padding-bottom: 20px;
|
||||
border-bottom: 1px solid #0ce9f1;
|
||||
}
|
||||
#customer .customer-content2 {
|
||||
}
|
||||
|
||||
#customer .customer-content2 {
|
||||
padding-top: 20px;
|
||||
}
|
||||
.customer-head{
|
||||
}
|
||||
|
||||
.customer-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 30px 0 20px 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
.customer-head .head-name{
|
||||
}
|
||||
|
||||
.customer-head .head-name {
|
||||
background: #009688;
|
||||
width: 200px;
|
||||
height: 55px;
|
||||
@@ -575,25 +610,28 @@ export default {
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
.customer-head .head-name .icon{
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
#customerListView{
|
||||
.customer-head .head-name .icon {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#customerListView {
|
||||
padding: 50px 0;
|
||||
box-sizing: border-box;
|
||||
transition: all ease 0.6s;
|
||||
background: url("https://dm-auto.oss-cn-shanghai.aliyuncs.com/mes-home/home/back1.png") no-repeat;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
background-attachment:fixed;
|
||||
}
|
||||
#customerListView .row{
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
#customerListView .row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
#customerListView .moduleView{
|
||||
}
|
||||
|
||||
#customerListView .moduleView {
|
||||
overflow: hidden;
|
||||
height: calc(100% - 40px);
|
||||
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
||||
@@ -602,47 +640,55 @@ export default {
|
||||
background: #FFF;
|
||||
margin: 20px 0;
|
||||
padding: 24px 24px 40px 24px;
|
||||
}
|
||||
#customerListView .moduleView .customer-logo{
|
||||
}
|
||||
|
||||
#customerListView .moduleView .customer-logo {
|
||||
width: 68px;
|
||||
height: 68px;
|
||||
}
|
||||
#customerListView .moduleView .customer-logo img{
|
||||
}
|
||||
|
||||
#customerListView .moduleView .customer-logo img {
|
||||
width: 68px;
|
||||
height: auto;
|
||||
}
|
||||
#customerListView .moduleView .head-name{
|
||||
}
|
||||
|
||||
#customerListView .moduleView .head-name {
|
||||
margin: 20px 0 10px 0;
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
color: #000;
|
||||
font-family: PingFang SC;
|
||||
}
|
||||
#customerListView .moduleView .text{
|
||||
}
|
||||
|
||||
#customerListView .moduleView .text {
|
||||
color: #333;
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
font-weight: 400;
|
||||
font-family: PingFang SC;
|
||||
}
|
||||
#customerListView .customer-head .head-name{
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 技术栈 */
|
||||
#whyChooseUs {
|
||||
#customerListView .customer-head .head-name {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
/* 技术栈 */
|
||||
#whyChooseUs {
|
||||
padding: 50px 0;
|
||||
background: url("https://dm-auto.oss-cn-shanghai.aliyuncs.com/mes-home/home/back2.png") no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
#whyChooseUs .whyChooseView{
|
||||
}
|
||||
|
||||
#whyChooseUs .whyChooseView {
|
||||
margin-top: 40px;
|
||||
}
|
||||
#whyChooseUs .whyChooseView .stackItem{
|
||||
}
|
||||
|
||||
#whyChooseUs .whyChooseView .stackItem {
|
||||
margin-top: 20px;
|
||||
}
|
||||
#whyChooseUs .server-block {
|
||||
}
|
||||
|
||||
#whyChooseUs .server-block {
|
||||
padding: 50px 20px;
|
||||
border: 1px solid #ccc;
|
||||
margin: 8px 0;
|
||||
@@ -654,29 +700,34 @@ export default {
|
||||
background: #FFF;
|
||||
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
||||
cursor: pointer;
|
||||
}
|
||||
#whyChooseUs .server-block img {
|
||||
}
|
||||
|
||||
#whyChooseUs .server-block img {
|
||||
width: 100px;
|
||||
height: auto;
|
||||
}
|
||||
#whyChooseUs .whyChooseView > p {
|
||||
}
|
||||
|
||||
#whyChooseUs .whyChooseView>p {
|
||||
font-size: 14px;
|
||||
color: #000;
|
||||
font-weight: 400;
|
||||
}
|
||||
#whyChooseUs .stackItem{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* 媒体查询（手机） */
|
||||
@media screen and (max-width: 768px) {
|
||||
.homeTitleView .textBack{
|
||||
#whyChooseUs .stackItem {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 媒体查询（手机） */
|
||||
@media screen and (max-width: 768px) {
|
||||
.homeTitleView .textBack {
|
||||
font-size: 20px;
|
||||
}
|
||||
.homeTitleView .textName{
|
||||
|
||||
.homeTitleView .textName {
|
||||
font-size: 22px;
|
||||
}
|
||||
.homeTitleView .textNameArt::after{
|
||||
|
||||
.homeTitleView .textNameArt::after {
|
||||
width: 80px;
|
||||
left: calc(50% - 40px);
|
||||
}
|
||||
@@ -684,11 +735,13 @@ export default {
|
||||
#swiper {
|
||||
height: 210px;
|
||||
}
|
||||
#swiper .banner-swiper .swiper-slide-title > h1{
|
||||
|
||||
#swiper .banner-swiper .swiper-slide-title>h1 {
|
||||
font-size: 24px;
|
||||
line-height: 34px;
|
||||
}
|
||||
#swiper .banner-swiper .swiper-slide-title > p{
|
||||
|
||||
#swiper .banner-swiper .swiper-slide-title>p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
@@ -697,42 +750,51 @@ export default {
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#customer .customer-title {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#customer .row {
|
||||
padding: 10px 15px 0 15px;
|
||||
}
|
||||
#customer .customer-block > div {
|
||||
|
||||
#customer .customer-block>div {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
#customerListView{
|
||||
#customerListView {
|
||||
padding: 20px 0;
|
||||
}
|
||||
#customerListView .moduleView .customer-logo{
|
||||
|
||||
#customerListView .moduleView .customer-logo {
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
}
|
||||
#customerListView .moduleView .customer-logo img{
|
||||
|
||||
#customerListView .moduleView .customer-logo img {
|
||||
width: 100%;
|
||||
}
|
||||
#customerListView .moduleView .head-name{
|
||||
|
||||
#customerListView .moduleView .head-name {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#bigData {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
#bigData .bigData-title {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#bigData .bigData-device {
|
||||
font-size: 20px;
|
||||
margin: 10px 0 10px;
|
||||
}
|
||||
#bigData .bigDataItem{
|
||||
|
||||
#bigData .bigDataItem {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@@ -740,20 +802,25 @@ export default {
|
||||
height: 200px;
|
||||
transition: all ease 0.6s;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container h1 {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container h3 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container button {
|
||||
width: 200px;
|
||||
height: 30px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container .contactUs-contactWay span {
|
||||
display: inline-block;
|
||||
width: 28px;
|
||||
@@ -765,88 +832,107 @@ export default {
|
||||
padding: 20px 0;
|
||||
transition: all ease 0.6s;
|
||||
}
|
||||
#whyChooseUs .row{
|
||||
|
||||
#whyChooseUs .row {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#whyChooseUs .server-block {
|
||||
padding: 50px 0;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
#whyChooseUs .server-block > p {
|
||||
|
||||
#whyChooseUs .server-block>p {
|
||||
font-size: 20px;
|
||||
margin: 30px 0;
|
||||
}
|
||||
#whyChooseUs .server-block > div {
|
||||
|
||||
#whyChooseUs .server-block>div {
|
||||
color: #ccc;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 媒体查询（平板） */
|
||||
@media screen and (min-width: 768px) and (max-width: 996px) {
|
||||
.homeTitleView .textBack{
|
||||
/* 媒体查询（平板） */
|
||||
@media screen and (min-width: 768px) and (max-width: 996px) {
|
||||
.homeTitleView .textBack {
|
||||
font-size: 30px;
|
||||
}
|
||||
.homeTitleView .textName{
|
||||
|
||||
.homeTitleView .textName {
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
#swiper {
|
||||
height: 400px;
|
||||
}
|
||||
#swiper .banner-swiper .swiper-slide-title > h1{
|
||||
|
||||
#swiper .banner-swiper .swiper-slide-title>h1 {
|
||||
font-size: 30px;
|
||||
margin-top: 18%;
|
||||
}
|
||||
#swiper .banner-swiper .swiper-slide-title > p{
|
||||
|
||||
#swiper .banner-swiper .swiper-slide-title>p {
|
||||
font-size: 16px;
|
||||
}
|
||||
#customerListView{
|
||||
|
||||
#customerListView {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
#bigData {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
#bigData .bigData-title {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#bigData .bigData-device {
|
||||
font-size: 30px;
|
||||
margin: 30px 0 15px;
|
||||
}
|
||||
|
||||
#contactUs {
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container {
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container h1 {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container h3 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container button {
|
||||
width: 300px;
|
||||
height: 50px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container .contactUs-contactWay span {
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
#customer .customer-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
#whyChooseUs {
|
||||
padding: 20px 0;
|
||||
}
|
||||
#whyChooseUs .row{
|
||||
|
||||
#whyChooseUs .row {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user