<template>
  <div class="footer flex flex-a-c" id="basic-footer" v-if="basicSet.set && basicSet.set.nav_bottom" v-html="basicSet.set.nav_bottom">
    <!--<div class="footer_content">-->
      <!--<div class="top flex flex-a-c flex-j-sb">-->
        <!--<div class="top-logo">-->
          <!--<img src="https://dev4.yunzmall.com/attachment/image/38ea696c2f25a295cd28576e34df810e.png">-->
        <!--</div>-->
        <!--<div class="top-center flex-col flex-a-c flex-j-c flex">-->
          <!--<div class="info flex flex-j-c">-->
            <!--<a class="link" href="">平台介绍</a> |-->
            <!--<a class="link" href="">用户协议</a> |-->
            <!--<a class="link" href="">平台证照</a> |-->
            <!--<a class="link" href="">常见问题</a> |-->
            <!--<a class="link" href="">联系我们</a>-->
          <!--</div>-->
          <!--<p><span style="margin-right: 20px">版权所有某某建筑装饰有限公司</span><span>技术支持：某某科技公司</span></p>-->
        <!--</div>-->
        <!--<div class="top-scan flex-col flex-a-c flex-j-c flex">-->
          <!--<img src="https://dev4.yunzmall.com/attachment/image/b06cd966620715c91146f077241527e8.png">-->
          <!--<span>扫一扫关注公众号</span>-->
        <!--</div>-->
      <!--</div>-->
      <!--<div class="bottom flex-col flex-a-c  flex-j-c flex">-->
        <!--<div class="address flex-col flex-a-c flex-j-c flex">-->
          <!--<div>© 2009-2020 Aliyun.com 版权所有 ICP证：粤B2-20080101</div>-->
          <!--<div style="margin-top:10px;">地址：广东省广州市白云区某某大厦</div>-->
        <!--</div>-->
      <!--</div>-->
    <!--</div>-->
  </div>
</template>

<script>
  import {mapState} from 'vuex'

  export default {
    name: 'LFooter',
    computed: {
      ...mapState(['basicSet'])
    },
  };
</script>

<style lang="scss">
  #basic-footer {
    position: relative;
    height: 280px;
    background-color: #ececec;
    width: 100%;

    .footer_content {
      width: 1200px;
      margin: 0 auto;
      .top {
        height: 184px;
        box-sizing: border-box;
        border-bottom: solid 1px #bfbfbf;
        .top-logo {
          width: 195px;
          height: 58px;
          img {
            width: 100%;
            height: 100%;
          }
        }
        .top-center {
          flex: 1;
          color: #666666;
          .info {
            margin-bottom: 30px;
          }
          .link {
            color: #666666;
            margin: 0 5px;
            cursor: pointer;
          }
          .link:hover {
            color: var(--color);
          }
        }
        .top-scan {
          width: 130px;
          color: #666666;
          img {
            width: 88px;
            height: 87px;
            margin-bottom: 9px;
          }
        }
      }
      .bottom {
        height: 63px;
        color: #666666;
        padding-left: 195px;
        padding-right: 130px;
      }
    }
  }
</style>
