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>