<template>
  <div id="footer" class="container-fluid">
    <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号-3</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>
  </div>
</template>
<script>
export default {
  name: "Footer",
  data() {
    return {};
  }
};
</script>
<style scoped>
#footer {
  width: 100%;
  height: 100%;
  color: #fff;
  background: #474747;
  overflow: hidden;
  text-align: center;
  padding: 40px 0 80px 0;
}
.logo {
  display: flex;
  margin-bottom: 10px;
}
.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;
}
.aboutView .about-text{
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 20px;
}

@media screen and (max-width: 997px) {
  
}
</style>

