<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
  @import "style.scss";
</style>

<!-- Template -->
<template>
  <div class="component-container footer-component">
    <div class="footer-container container clearfix">
      <div class="footer-row d-flex">
        <div class="footer-block footer-service col-3 d-flex">
          <i class="fa fa-github"></i>
          <ul class="">
            <li class="item title">Stock Capital</li>
            <li class="item title">IO - PLATFORM</li>
            <li class="item">为团队提供开发框架！</li>
          </ul>
        </div>
        <div class="footer-block col-1 d-flex"></div>
        <div class="footer-block footer-links col-8 d-flex justify-content-center">
          <ul class="flex-fill">
            <li class="item title">支持与服务</li>
            <li class="item"><a>联系我们</a></li>
            <li class="item"><a>支持计划</a></li>
            <li class="item"><a>新手学堂</a></li>
            <li class="item"><a>咨询设计</a></li>
            <li class="item"><a>运维管理</a></li>
            <li class="item"><a>提交建议</a></li>
          </ul>

          <ul class="flex-fill">
            <li class="item title">账户管理</li>
            <li class="item"><a>管理控制台</a></li>
            <li class="item"><a>备案管理</a></li>
            <li class="item"><a>账号管理</a></li>
            <li class="item"><a>合规性</a></li>
          </ul>

          <ul class="flex-fill">
            <li class="item title">快速入口</li>
            <li class="item"><a>客户案例</a></li>
            <li class="item"><a>举报中心</a></li>
            <li class="item"><a>信任中心</a></li>
            <li class="item"><a>云产品快报</a></li>
            <li class="item"><a>定价</a></li>
          </ul>


          <ul class="flex-fill">
            <li class="item title">关注价值在线</li>
            <li class="item"><a>关于我们</a></li>
            <li class="item"><a>企业决策</a></li>
            <li class="item"><a>关联交易管理服务平台</a></li>
            <li class="item"><a>企业上市服务平台</a></li>
            <li class="item"><a>易董</a></li>
            <li class="item"><a>私募</a></li>
            <li class="item"><a>IPO</a></li>
          </ul>
        </div>
      </div>
      <div class="footer-row">
        <div class="footer-block footer-products">
          <ul class="d-flex justify-content-center">
            <li class="item title flex-fill">热门产品</li>
            <li class="item flex-fill"><a>企业决策</a></li>
            <li class="item flex-fill"><a>关联交易管理服务平台</a></li>
            <li class="item flex-fill"><a>企业上市服务平台</a></li>
            <li class="item flex-fill"><a>易董</a></li>
            <li class="item flex-fill"><a>私募</a></li>
            <li class="item flex-fill"><a>IPO</a></li>
          </ul>
          <ul class="d-flex justify-content-center">
            <li class="item title flex-fill">用户热搜</li>
            <li class="item flex-fill"><a>企业决策</a></li>
            <li class="item flex-fill"><a>关联交易管理服务平台</a></li>
            <li class="item flex-fill"><a>企业上市服务平台</a></li>
            <li class="item flex-fill"><a>易董</a></li>
            <li class="item flex-fill"><a>私募</a></li>
            <li class="item flex-fill"><a>IPO</a></li>
          </ul>
          <ul class="d-flex justify-content-center">
            <li class="item title flex-fill">更多推荐</li>
            <li class="item flex-fill"><a>企业决策</a></li>
            <li class="item flex-fill"><a>关联交易管理服务平台</a></li>
            <li class="item flex-fill"><a>企业上市服务平台</a></li>
            <li class="item flex-fill"><a>易董</a></li>
            <li class="item flex-fill"><a>私募</a></li>
            <li class="item flex-fill"><a>IPO</a></li>
          </ul>
        </div>
      </div>
      <div class="footer-row">
        <div class="footer-block footer-licence">
          <ul class="d-flex justify-content-center flex-column">
            <li class="item">
              © 2015-2018 valueonline.cn 版权所有 ICP证：x xx-xxxxxxxx
            </li>
            <li class="item">
              <img src="../../../../static/images/layout/licence-1.png" style="height:25px">
              <img src="../../../../static/images/layout/licence-2.gif" style="height:25px">
              x公网安备 xxxxxxxxxxxxxx号
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<!-- Script -->
<script>
  import {mapGetters} from 'vuex';

  const _Footer = {
    name: 'Footer',
    created: function () {
    },
    updated: function () {
    },
    mounted: function () {
    },
    activated: function () {
    },
    data: function () {
      return {};
    },
    methods: {},
    components: {},
    computed: {
      ...mapGetters([])
    }
  };
  export default _Footer;
</script>
