<template>

  <footer>
    <div class="footer-block-content">
      <div class="container">

        <div class="footer-block-left">



          <div role="presentation" class="footer-block-left-link" ><a @click.prevent="login" href="#"> 注册</a></div>
          <div class="footer-block-left-link"><a href="#/download">下载</a></div>
          <div class="footer-block-left-link"><a href="https://shop387046095.taobao.com/?spm=2013.1.1000126.2.61a97e3emY0JZB" target="_blank">MC商城</a></div>
          <div class="footer-block-left-link"><a href="https://ygobbs.com/" target="_blank">联系我们</a></div>

        </div>

        <div class="footer-block-info">
          <img class="footer-block-wechat-img"
               src="data:image/png;base64,[encoded data, 109660 characters]"/>
          <div class="footer-block-wechat-info">
               All Rightss Reserved <u>版权信息</u>
        </div>
      </div>
      <div class="footer-block-right">


        <div class="footer-block-right-font">关注MC微信公众号:</div>
        <div class="footer-block-right-font-ad">决斗暗网</div>

      </div>


    </div>


    </div>

  </footer>

</template>

<script>

  import querystring from 'querystring';
  import crypto from 'crypto';



  export default {
    data() {
      return {
        msg: 'other!'
      }


    },


    methods: {


      login: function () {
        var payload = new Buffer(querystring.stringify({
          return_sso_url: location.href
        })).toString('base64');

        var request = querystring.stringify({
          'sso': payload,
          'sig': crypto.createHmac('sha256', 'zsZv6LXHDwwtUAGa').update(payload).digest('hex')
        });
        location.href = "https://ygobbs.com/session/sso_provider?" + request;
      },

    }



  }




</script>

<style scoped>

  @media screen and (max-width: 600px) {
    /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
    .footer-block-content {
      display: none;
    }
  }

  .footer-block-content {
    padding-top: 40px;
    background-color: #161b22;
    height: 300px;
  }

  .footer-block-left {

    float: left;
    margin-left: 20%;

  }

  .footer-block-wechat-img {

    height: 200px;
    width: 200px;

  }

  .footer-block-right {

    float: left;
    margin-left: 90px;
    margin-top: 48px;
  }

  .footer-block-left-link {
    text-decoration:underline;
    margin-top: 24px;

  }

  .footer-block-right-font {

    margin-top: 24px;
    min-height: 24px;
    word-break: keep-all;
  }

  .footer-block-right-font-ad {
    margin-left: 36px;
    font-weight: bold;
  }

  .footer-block-info {
    float: left;
    margin-left: 15%;
    height: 200px;
    width: 200px;

  }

  .footer-block-wechat-info
  {
    margin-top:10px;
    margin-left: 30px;
    font-size:10px;
    min-height: 24px;
    word-break: keep-all;
    white-space:nowrap;
  }



</style>
