long/mes_home
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

替换网站邮箱

Browse Source
This commit is contained in:
龙运模
2026-03-28 10:21:19 +08:00
parent b5ae8420d9
commit b5e3d0532b
3 changed files with 1054 additions and 949 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>德木自动化</title> <title>德木自动化</title>
<link rel="icon" href="./static/favicon.ico"> <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> </head>
<body data-spy="scroll" data-target="#myScrollspy"> <body data-spy="scroll" data-target="#myScrollspy">
<div id="app"></div> <div id="app"></div>

61
src/components/Header.vue
View File

@@ -6,7 +6,7 @@
<div class="container"> <div class="container">
<div class="server pull-left"> <div class="server pull-left">
<span class="glyphicon glyphicon-earphone"></span>0512-53998127 <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小时为您服务 <span class="glyphicon glyphicon-time"></span>7x24小时为您服务
</div> </div>
<div class="shejiao pull-right"> <div class="shejiao pull-right">
@@ -27,12 +27,8 @@
</div> </div>
<!-- 导航内容 --> <!-- 导航内容 -->
<ul class="header-nav-wrapper"> <ul class="header-nav-wrapper">
<li <li v-for="(item,index) in navList" :key="index" :class="index==navIndex?'active':''"
v-for="(item,index) in navList" @click="navClick(index,item.name)">
:key="index"
:class="index==navIndex?'active':''"
@click="navClick(index,item.name)"
>
<router-link :to="item.path"> <router-link :to="item.path">
{{item.name}} {{item.name}}
<span v-if="item.children.length>0" class="glyphicon glyphicon-menu-down"></span> <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"> <div class="header-nav-m-menu text-center">
{{menuName}} {{menuName}}
<div <div class="header-nav-m-menu-wrapper" data-toggle="collapse" data-target="#menu" @click="menuClick">
class="header-nav-m-menu-wrapper"
data-toggle="collapse"
data-target="#menu"
@click="menuClick"
>
<span :class="menuClass"></span> <span :class="menuClass"></span>
</div> </div>
<!-- 导航内容 --> <!-- 导航内容 -->
<ul id="menu" class="header-nav-m-wrapper collapse"> <ul id="menu" class="header-nav-m-wrapper collapse">
<li <li v-for="(item,index) in navList" :key="index" :class="['text-left',index==navIndex?'active':'']"
v-for="(item,index) in navList" @click="navClick(index,item.name)" data-toggle="collapse" data-target="#menu">
:key="index"
:class="['text-left',index==navIndex?'active':'']"
@click="navClick(index,item.name)"
data-toggle="collapse"
data-target="#menu"
>
<router-link :to="item.path"> <router-link :to="item.path">
{{item.name}} {{item.name}}
<i class="underline"></i> <i class="underline"></i>
@@ -171,6 +156,7 @@ export default {
background: #f4f4f4; background: #f4f4f4;
transition: all ease 0.6s; transition: all ease 0.6s;
} }
#header .header-top { #header .header-top {
height: 50px; height: 50px;
color: #fff; color: #fff;
@@ -178,14 +164,17 @@ export default {
line-height: 50px; line-height: 50px;
background: #474747; background: #474747;
} }
/* 顶部的图标 */ /* 顶部的图标 */
#header .header-top span { #header .header-top span {
margin: 0 8px; margin: 0 8px;
} }
/* 导航栏 */ /* 导航栏 */
#header .header-nav { #header .header-nav {
height: 110px; height: 110px;
} }
/* 导航栏logo */ /* 导航栏logo */
#header .header-nav .header-nav-logo { #header .header-nav .header-nav-logo {
width: 260px; width: 260px;
@@ -195,43 +184,51 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
} }
/* 导航栏logo图片 */ /* 导航栏logo图片 */
#header .header-nav .header-nav-logo img { #header .header-nav .header-nav-logo img {
width: 60px; width: 60px;
height: 60px; height: 60px;
flex-basis: 60px; flex-basis: 60px;
} }
#header .header-nav .header-nav-logo .logo-text { #header .header-nav .header-nav-logo .logo-text {
flex: 1; flex: 1;
padding-left: 20px; padding-left: 20px;
} }
#header .header-nav .header-nav-logo .text-name { #header .header-nav .header-nav-logo .text-name {
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
color: #000; color: #000;
margin-bottom: 5px; margin-bottom: 5px;
} }
#header .header-nav .header-nav-logo .text { #header .header-nav .header-nav-logo .text {
margin-bottom: 0; margin-bottom: 0;
margin-top: 5px; margin-top: 5px;
font-size: 14px; font-size: 14px;
} }
/* 导航栏 导航容器 */ /* 导航栏 导航容器 */
#header .header-nav-fixed .header-nav-wrapper { #header .header-nav-fixed .header-nav-wrapper {
line-height: 50px; line-height: 50px;
} }
#header .header-nav .header-nav-wrapper { #header .header-nav .header-nav-wrapper {
line-height: 110px; line-height: 110px;
float: right; float: right;
margin: 0; margin: 0;
max-width: 800px; max-width: 800px;
} }
/* 导航栏 每个导航 */ /* 导航栏 每个导航 */
#header .header-nav .header-nav-wrapper>li { #header .header-nav .header-nav-wrapper>li {
float: left; float: left;
margin: 0 15px; margin: 0 15px;
position: relative; position: relative;
} }
/* 导航栏 每个导航下面的 a 链接 */ /* 导航栏 每个导航下面的 a 链接 */
#header .header-nav .header-nav-wrapper>li>a { #header .header-nav .header-nav-wrapper>li>a {
color: #000; color: #000;
@@ -240,6 +237,7 @@ export default {
padding: 15px 0; padding: 15px 0;
position: relative; position: relative;
} }
/* 导航栏 每个导航下面的 a 链接的下划线 */ /* 导航栏 每个导航下面的 a 链接的下划线 */
#header .header-nav .header-nav-wrapper>li>a>i { #header .header-nav .header-nav-wrapper>li>a>i {
display: block; display: block;
@@ -252,32 +250,38 @@ export default {
transition: all 0.6s ease; transition: all 0.6s ease;
background-color: #009688; background-color: #009688;
} }
/* 导航栏 每个导航下面的 a 链接的右侧小三角 */ /* 导航栏 每个导航下面的 a 链接的右侧小三角 */
#header .header-nav .header-nav-wrapper>li>a>span { #header .header-nav .header-nav-wrapper>li>a>span {
font-size: 12px; font-size: 12px;
transition: transform ease 0.5s; transition: transform ease 0.5s;
} }
/* 导航栏 每个导航下面的 a 链接 鼠标滑上去的样式 */ /* 导航栏 每个导航下面的 a 链接 鼠标滑上去的样式 */
#header .header-nav .header-nav-wrapper>li>a:hover { #header .header-nav .header-nav-wrapper>li>a:hover {
color: #009688; color: #009688;
text-decoration: none; text-decoration: none;
} }
/* 导航栏 每个导航下面的 a 链接 鼠标滑上去下划线的样式 */ /* 导航栏 每个导航下面的 a 链接 鼠标滑上去下划线的样式 */
#header .header-nav .header-nav-wrapper>li>a:hover .underline { #header .header-nav .header-nav-wrapper>li>a:hover .underline {
opacity: 1; opacity: 1;
width: 100%; width: 100%;
left: 0; left: 0;
} }
/* 导航栏 每个导航下面的 a 链接 鼠标滑上去三角标的样式 */ /* 导航栏 每个导航下面的 a 链接 鼠标滑上去三角标的样式 */
#header .header-nav .header-nav-wrapper>li>a:hover span { #header .header-nav .header-nav-wrapper>li>a:hover span {
transform: rotate(180deg); transform: rotate(180deg);
} }
/* 导航栏 每个导航下面的 a 链接 鼠标点击后的样式 */ /* 导航栏 每个导航下面的 a 链接 鼠标点击后的样式 */
#header .header-nav .header-nav-wrapper>li.active>a { #header .header-nav .header-nav-wrapper>li.active>a {
color: #009688; color: #009688;
text-decoration: none; text-decoration: none;
border-bottom: 2px solid #009688; border-bottom: 2px solid #009688;
} }
/* 导航栏 每个导航下面的二级导航容器 */ /* 导航栏 每个导航下面的二级导航容器 */
#header .header-nav .header-nav-wrapper>li>dl { #header .header-nav .header-nav-wrapper>li>dl {
display: none; display: none;
@@ -289,20 +293,24 @@ export default {
box-shadow: 0 0 3px 1px #ccc; box-shadow: 0 0 3px 1px #ccc;
background: #fff; background: #fff;
} }
/* 导航栏 每个导航下面的二级导航容器的每个导航 */ /* 导航栏 每个导航下面的二级导航容器的每个导航 */
#header .header-nav .header-nav-wrapper>li>dl>dt { #header .header-nav .header-nav-wrapper>li>dl>dt {
width: 100%; width: 100%;
padding: 10px; padding: 10px;
border-bottom: 1px solid #ccc; 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; text-decoration: none;
} }
/* 导航栏 滑上一级导航显示二级导航 */ /* 导航栏 滑上一级导航显示二级导航 */
#header .header-nav .header-nav-wrapper>li:hover dl { #header .header-nav .header-nav-wrapper>li:hover dl {
display: block; display: block;
} }
#header .header-nav .header-nav-wrapper>li>dl>dt:hover { #header .header-nav .header-nav-wrapper>li>dl>dt:hover {
cursor: pointer; cursor: pointer;
background: #ccc; background: #ccc;
@@ -312,6 +320,7 @@ export default {
#header .header-nav-m { #header .header-nav-m {
position: relative; position: relative;
} }
/* 导航栏logo容器 */ /* 导航栏logo容器 */
#header .header-nav-m .header-nav-m-logo { #header .header-nav-m .header-nav-m-logo {
height: 70px; height: 70px;
@@ -320,24 +329,29 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
/* 导航栏logo图片 */ /* 导航栏logo图片 */
#header .header-nav-m .header-nav-m-logo img { #header .header-nav-m .header-nav-m-logo img {
width: 50px; width: 50px;
height: 50px; height: 50px;
margin: 0; 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; 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; margin-bottom: 5px;
font-size: 16px; 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-bottom: 0;
margin-top: 5px; margin-top: 5px;
font-size: 12px; font-size: 12px;
} }
/* 导航栏 菜单容器 */ /* 导航栏 菜单容器 */
#header .header-nav-m .header-nav-m-menu { #header .header-nav-m .header-nav-m-menu {
color: #fff; color: #fff;
@@ -346,6 +360,7 @@ export default {
background: #474747; background: #474747;
position: relative; position: relative;
} }
/* 导航栏 菜单图标 */ /* 导航栏 菜单图标 */
#header .header-nav-m .header-nav-m-menu-wrapper { #header .header-nav-m .header-nav-m-menu-wrapper {
position: absolute; position: absolute;
@@ -361,6 +376,7 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
/* 导航栏 */ /* 导航栏 */
#header .header-nav-m .header-nav-m-wrapper { #header .header-nav-m .header-nav-m-wrapper {
position: absolute; position: absolute;
@@ -370,11 +386,13 @@ export default {
background: #474747; background: #474747;
z-index: 9999999; z-index: 9999999;
} }
/* 导航栏 每个导航 */ /* 导航栏 每个导航 */
#header .header-nav-m .header-nav-m-wrapper>li { #header .header-nav-m .header-nav-m-wrapper>li {
padding: 0; padding: 0;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
} }
/* 导航栏 每个导航下面的 a 链接 */ /* 导航栏 每个导航下面的 a 链接 */
#header .header-nav-m .header-nav-m-wrapper>li>a { #header .header-nav-m .header-nav-m-wrapper>li>a {
color: #fff; color: #fff;
@@ -385,6 +403,7 @@ export default {
padding: 0 20px; padding: 0 20px;
display: inline-block; display: inline-block;
} }
/* 导航栏 每个导航下面的 a 链接的右侧小三角 */ /* 导航栏 每个导航下面的 a 链接的右侧小三角 */
#header .header-nav .header-nav-wrapper>li>a>span { #header .header-nav .header-nav-wrapper>li>a>span {
font-size: 10px; font-size: 10px;

110
src/view/HomePage.vue
View File

@@ -13,14 +13,14 @@
</div> </div>
</div> </div>
</div> </div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div> <div class="swiper-pagination"></div>
<!-- 如果需要导航按钮 -->
<!-- <div class="swiper-button-prev"></div> <!-- <div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> --> <div class="swiper-button-next"></div> -->
</div> </div>
</div> </div>
<!-- <div id="videoFull" class="container-fuild">
</div> -->
<!-- mes系统功能一览 --> <!-- mes系统功能一览 -->
<div id="customer" class="container-fuild"> <div id="customer" class="container-fuild">
<div class="container customer-container"> <div class="container customer-container">
@@ -56,8 +56,7 @@
<div class="row hidden-xs"> <div class="row hidden-xs">
<template v-for="(item,index) in customerModule"> <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="col col-xs-12 col-sm-6 col-md-3 wow zoomIn" v-if="!moduleShow?index<4:index>-1" :key="index">
<div class="moduleView" <div class="moduleView" onmouseenter="this.style.color='#28f';this.style.borderColor='#098'"
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'">
<div class="customer-logo"> <div class="customer-logo">
<img :src="item.logo" alt=""> <img :src="item.logo" alt="">
@@ -83,7 +82,9 @@
</template> </template>
</div> </div>
<div class="customer-head hidden-xs" @click="moduleShow=!moduleShow"> <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> </div>
</div> </div>
@@ -96,7 +97,8 @@
</div> </div>
<div class="row bigData-container"> <div class="row bigData-container">
<div class="col-xs-12 col-sm-12 col-md-6 wow zoomIn"> <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>
<div class="col-xs-12 col-sm-12 col-md-6"> <div class="col-xs-12 col-sm-12 col-md-6">
<div class="bigDataItem"> <div class="bigDataItem">
@@ -142,11 +144,9 @@
<p class="text-center">同时，它采用了标准的openAPI接口，能够高效地连接供应链、生产、仓储物流和销售等各个系统，实现了系统之间的高效通信和集成。</p> <p class="text-center">同时，它采用了标准的openAPI接口，能够高效地连接供应链、生产、仓储物流和销售等各个系统，实现了系统之间的高效通信和集成。</p>
<div class="stackItem"> <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="col-xs-12 col-sm-6 col-md-2 server-wrapper" v-for="(item,index) in stackList" :key="index">
<div <div class="server-block wow slideInUp"
class="server-block wow slideInUp"
onmouseenter="this.style.color='#28f';this.style.borderColor='#098'" 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"> <img class="center-block" :src="item.logo" alt="logo">
<!-- <p class="text-center">{{item.title}}</p> <!-- <p class="text-center">{{item.title}}</p>
<div <div
@@ -384,12 +384,14 @@ export default {
.homeTitleView { .homeTitleView {
position: relative; position: relative;
} }
.homeTitleView .textBack { .homeTitleView .textBack {
font-size: 34px; font-size: 34px;
color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.05);
font-family: Inter; font-family: Inter;
font-weight: 600; font-weight: 600;
} }
.homeTitleView .textName { .homeTitleView .textName {
position: absolute; position: absolute;
height: 100%; height: 100%;
@@ -404,6 +406,7 @@ export default {
font-size: 36px; font-size: 36px;
font-family: PingFang SC; font-family: PingFang SC;
} }
.homeTitleView .textNameArt::after { .homeTitleView .textNameArt::after {
content: ''; content: '';
position: absolute; position: absolute;
@@ -419,21 +422,26 @@ export default {
#HomePage { #HomePage {
width: 100%; width: 100%;
} }
/* 轮播图 */ /* 轮播图 */
#swiper { #swiper {
height: 700px; height: 700px;
} }
#swiper .banner-swiper { #swiper .banner-swiper {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
#swiper .banner-swiper .swiper-slide img { #swiper .banner-swiper .swiper-slide img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
#swiper .banner-swiper .swiper-slide { #swiper .banner-swiper .swiper-slide {
position: relative; position: relative;
} }
#swiper .banner-swiper .swiper-slide-title { #swiper .banner-swiper .swiper-slide-title {
position: absolute; position: absolute;
top: 0; top: 0;
@@ -445,24 +453,34 @@ export default {
background: rgba(51, 51, 51, 0.534); background: rgba(51, 51, 51, 0.534);
text-align: center; text-align: center;
} }
#swiper .banner-swiper .swiper-slide-title>h1 { #swiper .banner-swiper .swiper-slide-title>h1 {
font-size: 50px; font-size: 50px;
margin-top: 13%; margin-top: 13%;
} }
#swiper .banner-swiper .swiper-slide-title>p { #swiper .banner-swiper .swiper-slide-title>p {
font-size: 20px; font-size: 20px;
margin-top: 3%; margin-top: 3%;
font-weight: 700; font-weight: 700;
} }
/* 视屏 */
#videoFull {
height: 700px;
}
/* 大数据管理系统 */ /* 大数据管理系统 */
#bigData { #bigData {
padding: 50px 0; padding: 50px 0;
transition: all ease 0.6s; transition: all ease 0.6s;
box-sizing: border-box; box-sizing: border-box;
} }
#bigData .bigDataItem { #bigData .bigDataItem {
margin-bottom: 30px; margin-bottom: 30px;
} }
#bigData .bigData-title { #bigData .bigData-title {
margin: 15px 0; margin: 15px 0;
border-radius: 28px; border-radius: 28px;
@@ -472,6 +490,7 @@ export default {
padding: 8px 24px; padding: 8px 24px;
box-shadow: 0px 4px 4px 0px rgba(0, 150, 136, 0.20); box-shadow: 0px 4px 4px 0px rgba(0, 150, 136, 0.20);
} }
#bigData .text { #bigData .text {
font-weight: 400; font-weight: 400;
color: #666; color: #666;
@@ -485,9 +504,11 @@ export default {
color: #333; color: #333;
line-height: 2rem; line-height: 2rem;
} }
#bigData .bigData-device { #bigData .bigData-device {
margin: 50px 0 20px; margin: 50px 0 20px;
} }
#bigData .bigData-container { #bigData .bigData-container {
margin-top: 50px; margin-top: 50px;
} }
@@ -500,28 +521,34 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
transition: all ease 0.6s; transition: all ease 0.6s;
} }
#contactUs .contactUs-container { #contactUs .contactUs-container {
padding-top: 50px; padding-top: 50px;
} }
#contactUs .contactUs-container button { #contactUs .contactUs-container button {
width: 300px; width: 300px;
height: 50px; height: 50px;
margin-top: 40px; margin-top: 40px;
} }
#contactUs .contactUs-container .contactUs-contactWay span { #contactUs .contactUs-container .contactUs-contactWay span {
display: inline-block; display: inline-block;
width: 48px; width: 48px;
height: 48px; height: 48px;
margin: 30px; 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: url("../assets/img/weixin.png") 0 0 no-repeat;
background-size: 100% 100%; 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: url("../assets/img/weibo.png") 0 0 no-repeat;
background-size: 100% 100%; 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: url("../assets/img/twitter.png") 0 0 no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
@@ -534,28 +561,35 @@ export default {
background: #fff; background: #fff;
transition: all ease 0.6s; transition: all ease 0.6s;
} }
#customer .customer-title { #customer .customer-title {
position: relative; position: relative;
} }
#customer .customer-block { #customer .customer-block {
background: #fff; background: #fff;
padding: 30px 30px 70px 30px; padding: 30px 30px 70px 30px;
} }
#customer .customer-logo img { #customer .customer-logo img {
width: 100%; width: 100%;
height: auto; height: auto;
} }
#customer .customer-yh img { #customer .customer-yh img {
width: 34px; width: 34px;
height: 34px; height: 34px;
} }
#customer .customer-content1 { #customer .customer-content1 {
padding-bottom: 20px; padding-bottom: 20px;
border-bottom: 1px solid #0ce9f1; border-bottom: 1px solid #0ce9f1;
} }
#customer .customer-content2 { #customer .customer-content2 {
padding-top: 20px; padding-top: 20px;
} }
.customer-head { .customer-head {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -563,6 +597,7 @@ export default {
margin: 30px 0 20px 0; margin: 30px 0 20px 0;
cursor: pointer; cursor: pointer;
} }
.customer-head .head-name { .customer-head .head-name {
background: #009688; background: #009688;
width: 200px; width: 200px;
@@ -576,6 +611,7 @@ export default {
color: #fff; color: #fff;
font-weight: 500; font-weight: 500;
} }
.customer-head .head-name .icon { .customer-head .head-name .icon {
margin-left: 10px; margin-left: 10px;
} }
@@ -589,10 +625,12 @@ export default {
background-size: cover; background-size: cover;
background-attachment: fixed; background-attachment: fixed;
} }
#customerListView .row { #customerListView .row {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
#customerListView .moduleView { #customerListView .moduleView {
overflow: hidden; overflow: hidden;
height: calc(100% - 40px); height: calc(100% - 40px);
@@ -603,14 +641,17 @@ export default {
margin: 20px 0; margin: 20px 0;
padding: 24px 24px 40px 24px; padding: 24px 24px 40px 24px;
} }
#customerListView .moduleView .customer-logo { #customerListView .moduleView .customer-logo {
width: 68px; width: 68px;
height: 68px; height: 68px;
} }
#customerListView .moduleView .customer-logo img { #customerListView .moduleView .customer-logo img {
width: 68px; width: 68px;
height: auto; height: auto;
} }
#customerListView .moduleView .head-name { #customerListView .moduleView .head-name {
margin: 20px 0 10px 0; margin: 20px 0 10px 0;
font-weight: 600; font-weight: 600;
@@ -618,6 +659,7 @@ export default {
color: #000; color: #000;
font-family: PingFang SC; font-family: PingFang SC;
} }
#customerListView .moduleView .text { #customerListView .moduleView .text {
color: #333; color: #333;
font-size: 14px; font-size: 14px;
@@ -625,6 +667,7 @@ export default {
font-weight: 400; font-weight: 400;
font-family: PingFang SC; font-family: PingFang SC;
} }
#customerListView .customer-head .head-name { #customerListView .customer-head .head-name {
border-radius: 8px; border-radius: 8px;
} }
@@ -636,12 +679,15 @@ export default {
background-position: center; background-position: center;
background-size: cover; background-size: cover;
} }
#whyChooseUs .whyChooseView { #whyChooseUs .whyChooseView {
margin-top: 40px; margin-top: 40px;
} }
#whyChooseUs .whyChooseView .stackItem { #whyChooseUs .whyChooseView .stackItem {
margin-top: 20px; margin-top: 20px;
} }
#whyChooseUs .server-block { #whyChooseUs .server-block {
padding: 50px 20px; padding: 50px 20px;
border: 1px solid #ccc; border: 1px solid #ccc;
@@ -655,15 +701,18 @@ export default {
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
cursor: pointer; cursor: pointer;
} }
#whyChooseUs .server-block img { #whyChooseUs .server-block img {
width: 100px; width: 100px;
height: auto; height: auto;
} }
#whyChooseUs .whyChooseView>p { #whyChooseUs .whyChooseView>p {
font-size: 14px; font-size: 14px;
color: #000; color: #000;
font-weight: 400; font-weight: 400;
} }
#whyChooseUs .stackItem { #whyChooseUs .stackItem {
width: 100%; width: 100%;
} }
@@ -673,9 +722,11 @@ export default {
.homeTitleView .textBack { .homeTitleView .textBack {
font-size: 20px; font-size: 20px;
} }
.homeTitleView .textName { .homeTitleView .textName {
font-size: 22px; font-size: 22px;
} }
.homeTitleView .textNameArt::after { .homeTitleView .textNameArt::after {
width: 80px; width: 80px;
left: calc(50% - 40px); left: calc(50% - 40px);
@@ -684,10 +735,12 @@ export default {
#swiper { #swiper {
height: 210px; height: 210px;
} }
#swiper .banner-swiper .swiper-slide-title>h1 { #swiper .banner-swiper .swiper-slide-title>h1 {
font-size: 24px; font-size: 24px;
line-height: 34px; line-height: 34px;
} }
#swiper .banner-swiper .swiper-slide-title>p { #swiper .banner-swiper .swiper-slide-title>p {
font-size: 14px; font-size: 14px;
} }
@@ -697,13 +750,16 @@ export default {
box-sizing: border-box; box-sizing: border-box;
background: #fff; background: #fff;
} }
#customer .customer-title { #customer .customer-title {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
} }
#customer .row { #customer .row {
padding: 10px 15px 0 15px; padding: 10px 15px 0 15px;
} }
#customer .customer-block>div { #customer .customer-block>div {
padding: 20px 0; padding: 20px 0;
} }
@@ -711,13 +767,16 @@ export default {
#customerListView { #customerListView {
padding: 20px 0; padding: 20px 0;
} }
#customerListView .moduleView .customer-logo { #customerListView .moduleView .customer-logo {
width: 46px; width: 46px;
height: 46px; height: 46px;
} }
#customerListView .moduleView .customer-logo img { #customerListView .moduleView .customer-logo img {
width: 100%; width: 100%;
} }
#customerListView .moduleView .head-name { #customerListView .moduleView .head-name {
font-size: 16px; font-size: 16px;
} }
@@ -725,13 +784,16 @@ export default {
#bigData { #bigData {
padding: 30px 0; padding: 30px 0;
} }
#bigData .bigData-title { #bigData .bigData-title {
font-size: 16px; font-size: 16px;
} }
#bigData .bigData-device { #bigData .bigData-device {
font-size: 20px; font-size: 20px;
margin: 10px 0 10px; margin: 10px 0 10px;
} }
#bigData .bigDataItem { #bigData .bigDataItem {
margin-bottom: 0; margin-bottom: 0;
} }
@@ -740,20 +802,25 @@ export default {
height: 200px; height: 200px;
transition: all ease 0.6s; transition: all ease 0.6s;
} }
#contactUs .contactUs-container { #contactUs .contactUs-container {
padding-top: 0; padding-top: 0;
} }
#contactUs .contactUs-container h1 { #contactUs .contactUs-container h1 {
font-size: 25px; font-size: 25px;
} }
#contactUs .contactUs-container h3 { #contactUs .contactUs-container h3 {
font-size: 18px; font-size: 18px;
} }
#contactUs .contactUs-container button { #contactUs .contactUs-container button {
width: 200px; width: 200px;
height: 30px; height: 30px;
margin-top: 20px; margin-top: 20px;
} }
#contactUs .contactUs-container .contactUs-contactWay span { #contactUs .contactUs-container .contactUs-contactWay span {
display: inline-block; display: inline-block;
width: 28px; width: 28px;
@@ -765,18 +832,22 @@ export default {
padding: 20px 0; padding: 20px 0;
transition: all ease 0.6s; transition: all ease 0.6s;
} }
#whyChooseUs .row { #whyChooseUs .row {
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }
#whyChooseUs .server-block { #whyChooseUs .server-block {
padding: 50px 0; padding: 50px 0;
border: 1px solid #ccc; border: 1px solid #ccc;
} }
#whyChooseUs .server-block>p { #whyChooseUs .server-block>p {
font-size: 20px; font-size: 20px;
margin: 30px 0; margin: 30px 0;
} }
#whyChooseUs .server-block>div { #whyChooseUs .server-block>div {
color: #ccc; color: #ccc;
} }
@@ -787,6 +858,7 @@ export default {
.homeTitleView .textBack { .homeTitleView .textBack {
font-size: 30px; font-size: 30px;
} }
.homeTitleView .textName { .homeTitleView .textName {
font-size: 36px; font-size: 36px;
} }
@@ -794,59 +866,73 @@ export default {
#swiper { #swiper {
height: 400px; height: 400px;
} }
#swiper .banner-swiper .swiper-slide-title>h1 { #swiper .banner-swiper .swiper-slide-title>h1 {
font-size: 30px; font-size: 30px;
margin-top: 18%; margin-top: 18%;
} }
#swiper .banner-swiper .swiper-slide-title>p { #swiper .banner-swiper .swiper-slide-title>p {
font-size: 16px; font-size: 16px;
} }
#customerListView { #customerListView {
padding: 30px 0; padding: 30px 0;
} }
#bigData { #bigData {
padding: 30px 0; padding: 30px 0;
} }
#bigData .bigData-title { #bigData .bigData-title {
font-size: 18px; font-size: 18px;
} }
#bigData .bigData-device { #bigData .bigData-device {
font-size: 30px; font-size: 30px;
margin: 30px 0 15px; margin: 30px 0 15px;
} }
#contactUs { #contactUs {
height: 300px; height: 300px;
} }
#contactUs .contactUs-container { #contactUs .contactUs-container {
padding-top: 50px; padding-top: 50px;
} }
#contactUs .contactUs-container h1 { #contactUs .contactUs-container h1 {
font-size: 30px; font-size: 30px;
} }
#contactUs .contactUs-container h3 { #contactUs .contactUs-container h3 {
font-size: 20px; font-size: 20px;
} }
#contactUs .contactUs-container button { #contactUs .contactUs-container button {
width: 300px; width: 300px;
height: 50px; height: 50px;
margin-top: 30px; margin-top: 30px;
} }
#contactUs .contactUs-container .contactUs-contactWay span { #contactUs .contactUs-container .contactUs-contactWay span {
display: inline-block; display: inline-block;
width: 32px; width: 32px;
height: 32px; height: 32px;
margin: 15px; margin: 15px;
} }
#customer .customer-title { #customer .customer-title {
font-size: 24px; font-size: 24px;
} }
#whyChooseUs { #whyChooseUs {
padding: 20px 0; padding: 20px 0;
} }
#whyChooseUs .row { #whyChooseUs .row {
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }
} }
</style> </style>