<template>
  <div>
    <div :class="{'footer_bg':true,'footer_bg_login':this.login}">
          <div class="copy_box" v-if="!login">
            <a href="https://img.edsmall.com/ROOT/ETao/resource/policy.html" class="a1" target="_blank">隐私政策</a><span>|</span>
            <a href="https://img.edsmall.com/ROOT/ETao/resource/service.html" class="a1" target="_blank">服务协议</a><span>|</span>
            <a href="https://img.edsmall.com/ROOT/ETao/resource/deal.html" target="_blank">交易指引</a>
          </div>
          <div class="copyText">免费热线4006-621-721  粤ICP备14009360号</div>
      </div>
  </div>
</template>

<script>
export default {
  name: 'Footer',
  props:['login'],
  data () {
    return {

    }
  },
  mounted() {
    // 时间钩子
  },
  methods:{
    // 执行方法
  },
  components:{
    // 传入组件

  }
}
</script>

<style lang="scss" scoped>
  .copy_box a{
      color: #000;
      text-decoration:none;
      font-size: 12px;
  }
  .copy_box a:hover{
    color: #f60;
  }
  .copy_box{
    font-size: 0;
    color: #BBBBBB;
    padding: 14px 0 10px;
    span{
      padding: 0 10px;
      font-size: 14px;
    }
    .a1{
      display: inline-block;
    }
  }
  .copyText{
    font-size: 12px;
    color: #999;
  }
  .footer_bg {
        width: 100%;
        background-color: #E9E7E8;
        height: 60px;
        margin: 0 auto;
        text-align: center;
        font-size: 12px;
    }
    .footer_bg_login{
      background-color: #fff;
      .copyText{
        line-height: 60px;
      }
    }
</style>
