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

自动化官网

Browse Source
This commit is contained in:
龙运模
2023-12-29 14:24:12 +08:00
parent 53346fb55e
commit 55dda07809
13 changed files with 14341 additions and 605 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
src/components/Footer.vue
View File

@@ -1,18 +1,29 @@
<template>
<div id="footer" class="container-fluid">
<div class="logo">
<img src="@/assets/img/logo_white.png" alt="logo图">
<div class="container container-fuild">
<div class="col col-xs-12 col-sm-6 col-md-4">
<div class="logo">
<img src="@/assets/img/logo_hyaline.png" alt="logo图">
<div class="logo-text">
<p class="text-name">自动化MES管理系统</p>
<p class="text">MES ADMIN LOGIN</p>
</div>
</div>
</div>
<div class="col col-xs-12 col-sm-6 col-md-4">
<div class="companyView">
<p class="company text-left">江苏德木供应链管理有限公司</p>
<p class="copy text-left">Copyright &copy; @2021江苏德木供应链管理有限公司</p>
<p class="text text-left">版权所有苏ICP备18028199号</p>
</div>
</div>
<div class="col col-xs-12 col-sm-6 col-md-4">
<div class="aboutView">
<p class="about-text text-left">关于德木</p>
<p class="service text-left">联系客服</p>
</div>
</div>
</div>
<p class="title">公司企业网站模板</p>
<p class="address_tel_fax">
<span>地址：公司地址</span>
<span>Tel：888-888-888</span>
</p>
<p class="email_wx">
<span>邮箱：xxx@163.com</span>
<span>微信号：xxx</span>
</p>
<p class="copy">Copyright &copy; 2018 - {{ new Date().getFullYear() }} 公司名称</p>
</div>
</template>
<script>
@@ -31,45 +42,45 @@ export default {
background: #474747;
overflow: hidden;
text-align: center;
padding: 40px 0 80px 0;
}
.logo {
width: 95px;
height: 45px;
margin: 50px auto 20px;
display: flex;
margin-bottom: 10px;
}
.title {
font-size: 25px;
.logo img{
width: 50px;
height: 45px;
}
.logo .logo-text{
margin-left: 15px;
}
.logo .logo-text .text-name{
font-size: 16px;
font-weight: 400;
margin-bottom: 3px;
}
.logo .logo-text .text{
font-size: 14px;
font-weight: 400;
}
.logo p{
margin: 0;
text-align: left;
}
.companyView .company{
font-weight: 500;
font-size: 18px;
margin-bottom: 20px;
}
.address_tel_fax {
color: #d3d3d3;
font-size: 14px;
margin: 10px 0;
.aboutView .about-text{
font-weight: 500;
font-size: 18px;
margin-bottom: 20px;
}
.email_wx {
color: #d3d3d3;
font-size: 14px;
}
.copy {
color: #d3d3d3;
font-size: 14px;
margin: 50px 0 10px;
}
@media screen and (max-width: 997px) {
.title {
font-size: 20px;
}
.address_tel_fax {
font-size: 12px;
}
.email_wx {
font-size: 12px;
}
.copy {
font-size: 12px;
margin: 30px 0 10px;
}
@media screen and (max-width: 997px) {
}
</style>

2
src/components/GoTop.vue
View File

@@ -40,6 +40,6 @@ export default {
width: 100%;
height: 100%;
color: rgb(8, 162, 233);
font-size: 30px;
font-size: 24px;
}
</style>

189
src/components/Header.vue
View File

@@ -5,8 +5,8 @@
<div class="header-top container-fuild hidden-xs">
<div class="container">
<div class="server pull-left">
<span class="glyphicon glyphicon-earphone"></span>888-888-888
<span class="glyphicon glyphicon-envelope"></span>xxx@163.com
<span class="glyphicon glyphicon-earphone"></span>188-2080-2884
<span class="glyphicon glyphicon-envelope"></span>1724894114@163.com
<span class="glyphicon glyphicon-time"></span>7x24小时为您服务
</div>
<div class="shejiao pull-right">
@@ -19,7 +19,11 @@
<div class="header-nav container hidden-xs">
<!-- 导航logo -->
<div class="header-nav-logo">
<img src="@/assets/img/logo_black.png">
<img src="@/assets/img/logo.png">
<div class="logo-text">
<p class="text-name">{{logoName}}</p>
<p class="text">{{logoText}}</p>
</div>
</div>
<!-- 导航内容 -->
<ul class="header-nav-wrapper">
@@ -45,7 +49,11 @@
<!-- 手机导航 -->
<div class="header-nav-m container-fuild visible-xs">
<div class="header-nav-m-logo">
<img class="center-block" src="@/assets/img/logo_black.png" alt="logo">
<img class="center-block" src="@/assets/img/logo.png" alt="logo">
<div class="logo-text">
<p class="text-name">{{logoName}}</p>
<p class="text">{{logoText}}</p>
</div>
</div>
<!-- 导航栏 -->
<div class="header-nav-m-menu text-center">
@@ -63,7 +71,7 @@
<li
v-for="(item,index) in navList"
:key="index"
:class="index==navIndex?'active':''"
:class="['text-left',index==navIndex?'active':'']"
@click="navClick(index,item.name)"
data-toggle="collapse"
data-target="#menu"
@@ -85,7 +93,9 @@ export default {
return {
navIndex: sessionStorage.getItem('navIndex') ? sessionStorage.getItem('navIndex') : 0,
menuName: "首页",
menuClass: "glyphicon glyphicon-menu-down",
menuClass: "glyphicon glyphicon-home",
logoName:'自动化MES管理系统',
logoText:'MES ADMIN LOGIN',
navList: [
{
name: "首页",
@@ -93,44 +103,49 @@ export default {
children: []
},
{
name: "软件产品",
path: "/software",
children: [
{
name: "智能小镇管理系统",
path: "/software/smartTown"
},
{
name: "大数据管理系统",
path: "/software/bigData"
}
]
},
{
name: "相关服务",
path: "/service",
children: []
},
{
name: "新闻动态",
path: "/newsinformation",
children: []
},
{
name: "公司介绍",
path: "/companyintroduction",
children: []
},
{
name: "工作机会",
name: "产品概览",
path: "/jobchance",
children: []
},
// {
// name: "产品概览",
// path: "/software",
// children: [
// {
// name: "智能小镇管理系统",
// path: "/software/smartTown"
// },
// {
// name: "大数据管理系统",
// path: "/software/bigData"
// }
// ]
// },
{
name: "联系我们",
path: "/contactus",
name: "生产数据",
path: "/service",
children: []
}
},
// {
// name: "新闻动态",
// path: "/newsinformation",
// children: []
// },
{
name: "关于德木",
path: "/companyintroduction",
children: []
},
// {
// name: "工作机会",
// path: "/jobchance",
// children: []
// },
// {
// name: "联系我们",
// path: "/contactus",
// children: []
// }
]
};
},
@@ -141,10 +156,10 @@ export default {
this.menuName = name;
},
menuClick() {
if (this.menuClass == "glyphicon glyphicon-menu-down") {
this.menuClass = "glyphicon glyphicon-menu-up";
if (this.menuClass == "glyphicon glyphicon-home") {
this.menuClass = "glyphicon glyphicon-th-list";
} else {
this.menuClass = "glyphicon glyphicon-menu-down";
this.menuClass = "glyphicon glyphicon-home";
}
}
}
@@ -173,21 +188,33 @@ export default {
}
/* 导航栏logo */
#header .header-nav .header-nav-logo {
width: 100px;
width: 260px;
height: 100%;
float: left;
position: relative;
display: flex;
align-items: center;
}
/* 导航栏logo图片 */
#header .header-nav .header-nav-logo img {
width: 95px;
height: 45px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 60px;
height: 60px;
flex-basis: 60px;
}
#header .header-nav .header-nav-logo .logo-text{
flex: 1;
padding-left: 20px;
}
#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{
margin-bottom: 0;
margin-top: 5px;
font-size: 14px;
}
/* 导航栏 导航容器 */
#header .header-nav-fixed .header-nav-wrapper {
@@ -223,7 +250,7 @@ export default {
height: 2px;
opacity: 0;
transition: all 0.6s ease;
background-color: #1e73be;
background-color: #009688;
}
/* 导航栏 每个导航下面的 a 链接的右侧小三角 */
#header .header-nav .header-nav-wrapper > li > a > span {
@@ -232,7 +259,7 @@ export default {
}
/* 导航栏 每个导航下面的 a 链接 鼠标滑上去的样式 */
#header .header-nav .header-nav-wrapper > li > a:hover {
color: #1e73be;
color: #009688;
text-decoration: none;
}
/* 导航栏 每个导航下面的 a 链接 鼠标滑上去下划线的样式 */
@@ -247,9 +274,9 @@ export default {
}
/* 导航栏 每个导航下面的 a 链接 鼠标点击后的样式 */
#header .header-nav .header-nav-wrapper > li.active > a {
color: #1e73be;
color: #009688;
text-decoration: none;
border-bottom: 2px solid #1e73be;
border-bottom: 2px solid #009688;
}
/* 导航栏 每个导航下面的二级导航容器 */
#header .header-nav .header-nav-wrapper > li > dl {
@@ -280,31 +307,41 @@ export default {
cursor: pointer;
background: #ccc;
}
@media screen and (max-width: 997px) {
#header .header-nav-m {
position: relative;
}
/* 导航栏logo容器 */
#header .header-nav-m .header-nav-m-logo {
height: 80px;
height: 70px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
/* 导航栏logo图片 */
#header .header-nav-m .header-nav-m-logo img {
width: 95px;
height: 45px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 50px;
height: 50px;
margin: 0;
}
#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{
margin-bottom: 5px;
font-size: 16px;
}
#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;
height: 50px;
font-size: 20px;
font-size: 14px;
line-height: 50px;
background: #474747;
position: relative;
@@ -313,13 +350,16 @@ export default {
#header .header-nav-m .header-nav-m-menu-wrapper {
position: absolute;
top: 50%;
right: 20px;
left: 10px;
margin-top: -20px;
width: 50px;
width: 40px;
height: 40px;
color: #fff;
z-index: 999999;
font-size: 12px;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
/* 导航栏 */
#header .header-nav-m .header-nav-m-wrapper {
@@ -332,17 +372,18 @@ export default {
}
/* 导航栏 每个导航 */
#header .header-nav-m .header-nav-m-wrapper > li {
height: 40px;
line-height: 40px;
border-bottom: 1px solid #ccc;
padding: 0;
border-top: 1px solid #ccc;
}
/* 导航栏 每个导航下面的 a 链接 */
#header .header-nav-m .header-nav-m-wrapper > li > a {
color: #fff;
font-size: 15px;
font-size: 14px;
font-weight: bold;
padding: 15px 0;
position: relative;
width: 100%;
padding: 0 20px;
display: inline-block;
}
/* 导航栏 每个导航下面的 a 链接的右侧小三角 */
#header .header-nav .header-nav-wrapper > li > a > span {