<template>
  <div>
    <div class="footer">
      <div class="row1">
        <div class="pageWidth">
          <table class="footerTable">
            <thead class="bread desktop smallDesktop">
              <tr>
                <th>我们的办公室</th>
                <th>快速链接</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td class="stackable">
                  <ul class="quickLinks bread">
                    <li v-for="item in contactData" :key="item.name">
                      <label>{{item.name+"："}}</label>
                      <label>{{item.value}}</label>
                    </li>
                  </ul>

                </td>
                <td class="quickLinksContainer">
                  <div class="mobile mobileFooterTitle bread">Snabblänkar</div>
                  <ul class="quickLinks bread">
                    <li v-for="menu in menus" :key="menu.name">
                      <router-link :to="menu.url">{{menu.name}}</router-link>
                    </li>
                  </ul>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>

      <div class="row2">
        <div class="contentContainer pageWidth">
          <div class="bread">Copyright © 2018 Bimwe Technology co. LTD</div>

          <div class="beian-box">
            <img :src="beianIcon" style="width:30px;" />
            <a href="https://beian.miit.gov.cn/" target="_blank">沪ICP备19005870号-1</a>
          </div>
        </div>
      </div>

    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      beianIcon: require('../assets/img/beian_icon.png'),
      menus: window.config.menus,
      contactData: [
        { name: '地址', value: '上海市宝山区' },
        { name: '手机', value: '13817819452' },
        { name: '邮箱', value: 'Zhp@bimwe.com' }
      ]
    }
  }
}
</script>
<style lang="less" scoped>
.quickLinks li {
  float: left;
  margin: 5px 20px;
}

.beian-box {
  a {
    color: #fff;
  }
}
</style>


