nastiNte-Ui/src/views/footer/index.vue

<template>
<!--  <div style="width: 100%;background-color: #00163C;">-->
  <div style="width: 100%;background-color: #710702;margin-top: 50px;">
    <div style="width: 100%;margin: 0 auto;display:flex;justify-content: space-around;padding-top: 20px;padding-bottom: 20px;">
      <div style="width: 75%;display:flex;justify-content: space-around;color:#ffffff;font-size: 14px;font-weight:bold">
        <ul style="list-style:none;text-align: left">
          <li style="margin-bottom: 10px" class="nav-title">解决方案 <span>/solition</span></li>
          <li>电子政务</li>
          <li>金融行业</li>
          <li>电力行业</li>
        </ul>
        <ul style="list-style:none;text-align: left">
          <li style="margin-bottom: 10px" class="nav-title">服务支持 <span>/service</span></li>
          <li>服务体系</li>
          <li>服务优势</li>
          <li>服务热线</li>
        </ul>
        <ul style="list-style:none;text-align: left">
          <li style="margin-bottom: 10px" class="nav-title">资讯中心 <span>/news</span></li>
          <li>通知公告</li>
          <li>业界新闻</li>
          <li>政策通告</li>
        </ul>
        <ul style="list-style:none;text-align: left">
          <li style="margin-bottom: 10px" class="nav-title">关于我们 <span>/about us</span></li>
          <li>公司介绍</li>
          <li>校园招聘</li>
          <li>社会招聘</li>
          <li>联系我们</li>
        </ul>
      </div>
      <div style="width: 25%;display: flex;align-items: center;justify-content: center" class="nav-title">
        <div>
          <div style="width: 100px;height: 100px;background-color: #fff;margin: 0 auto"></div>
          <div style="color:#fff;font-size: 14px;margin-top: 10px">微信服务号 | 关注我们</div>
        </div>
      </div>
    </div>
    <div style="width: 80%;margin: 0 auto">
      <el-divider></el-divider>
    </div>
    <div style="color:#ffffff;font-size: 12px;padding-bottom: 20px">
      <span>Copyright © 1996-2017</span>
      <el-divider direction="vertical"></el-divider>
      <span>****网络科技有限公司 版权所有  琼ICP备140*****号</span>
      <br>
      <span>《中华人民共和国增值电信业务经营许可证》琼B1-20**0477     琼ICP备1407***06号   琼公网安备 4******0120号  </span>
    </div>
  </div>
</template>

<script>
export default {
name: "index"
}
</script>

<style scoped>
/*.nav-title {*/
/*  color: #a0a0a0;*/
/*}*/
li {
  margin-bottom: 5px;
}
</style>