colmo-h5/src/pages/index.vue

<template>
  <div>
    <div class="index-image">
      <img src="../assets/index/1.jpg" class="bg-image" />
      <div class="bth-div" @click="$router.push({ name: 'AllPages' })">
        <img src="../assets/index/点击开启.png" class="bth-image" />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    goPages() {}
  }
}
</script>

<style lang="scss" scoped>
.index-image {
  background-color: black;

  // background-color: #1d429d;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;

  .bg-image {
    width: 100%;
    height: 100%;
  }
  .bth-div {
    position: absolute;
    width: 184px;
    height: 49px;
    bottom: 18vh;
    /* margin: 0 auto; */
    /* justify-content: center; */
    /* margin: 0 auto; */
    display: flex;
    left: 28vw;
    align-items: center;
    .bth-image {
      width: 100%;
      height: 100%;
    }
  }
}
</style>