<template>
  <div>
    <div class="footer">
      <div class="footList content">
        <div v-for="(item,index) in footList" :key="index">
          <div class="t4">{{item.title}}</div>
          <ul>
            <li class="t1" v-for="(item,index) in item.list" :key="index">
              {{item}}
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="flex-center copyright">
      <div>京ICP证16038770号 Copyright © 2019 技术支持：北京三分田信息技术有限公司</div>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        footList: [{
            title: "友情链接",
            list: ["教育部学校规划建设发展", "北京市教委", "全国农产品批发市场价格信息网"]
          },
          {
            title: "关于我们",
            list: ["诚招英才", "关于我们"]
          },
          {
            title: "客服中心",
            list: ["帮助中心", "在线客服"]
          },
          {
            title: "平台设置",
            list: ["如何打印单据", "供应商操作流程", "供应商交易期间注意事项"]
          },
          {
            title: "学校服务",
            list: ["学校操作流程"]
          }
        ]
      }
    }
  }
</script>

<style>
  .footList {
    display: flex;
    justify-content: space-between;
  }

  .footer {
    width: 100%;
    box-sizing: border-box;
    padding-top: .39rem;
    padding-bottom: 0.39rem;
    border-top: .01rem solid #D6D6D6;
    border-bottom: .01rem solid #D6D6D6;
  }

  .t4 {
    margin-bottom: 0.56rem;
  }

  ul>.t1 {
    margin-bottom: 0.39rem;
    color: #323232
  }
  .copyright{
    height:.61rem;
    font-size:.16rem;
    color:rgba(153,153,153,1);
  }
</style>
