<template>
  <div class="author">
    <img :src="loadingUrl" />
    <p>正在加载中......</p>
    <p class="reload" :click="onPageReload">点击重新加载</p>
  </div>
</template>

<script>
export default {
  name: 'author',
  data () {
    return {
      loadingUrl: 'https://cdn.singsingenglish.com/singsing/poster/monkey.jpg'
    }
  },
  created () {
    if(this.$route.query && this.$route.query.retUrl){
      localStorage.setItem('retUrl',this.$route.query.retUrl);
    }else{
      localStorage.setItem('retUrl','');
    }
    window.location.href = `${process.env.AUTHOR_UEL}`
  },
  methods: {
    onPageReload: function () {
      window.location.reload()
    }
  }
}
</script>
<style scoped lang="less">
  img[lazy=loading] {
    width: 50vw !important;
    height: 50vw;
    background-color: #eee;
    margin: auto;
  }
  .author {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    height: 100vh;
    font-size: 1.8rem;
    &>img {
      width: 50vw;
    }
    .reload {
      font-size: 1.2rem;
      color: #199be0;
    }
  }
</style>