<template>
  <div class="saleRank">
    <div class="saleRank_container" @click="gotoPay">
      <img :src="ImgServerUrl + 'saleRankAd1.png'" />
      <img :src="ImgServerUrl + 'saleRankAd2.png'" />
      <img :src="ImgServerUrl + 'saleRankAd3.png'" />
      <img :src="ImgServerUrl + 'saleRankAd4.png'" />
      <img :src="ImgServerUrl + 'saleRankAd5.png'" />
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    gotoPay () {
      this.$router.push('/salesRankingService')
    }
  }
}
</script>

<style lang="scss" scoped>
.saleRank {
  height: 3000px;
  position: relative;

  .saleRank_container {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 1912px;
    overflow: hidden;
    img {
      width: 1920px;
      margin-top: -2px;
    }
  }
}
</style>