colmo-h5/src/pages/index.vue

<template>
  <div>
    <div class="index-image">
      <!-- <index-image></index-image> -->
      <img src="../assets/index/1.jpg" class="bg-image" />
      <div class="bth-div">
        <img src="../assets/index/点击开启.png" class="bth-image" />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {
    IndexImage: () => import('./IndexImage.vue')
  }
}
</script>

<style lang="scss" scoped>
.index-image {
  // background-color: #1d429d;

  display: flex;
  align-items: center;
  overflow: hidden;

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