nanhuashi_h5/src/pages/base/login.vue

<template>
  <div class="content">
    <!-- <img :showLoading="true" src="/static/img/img_cover@2x.jpg" width="100vw" height="100vh"></img> -->
    <div class="fixed bottom-48 w-full text-center">
      <!-- <div class="absolute" style="left: calc(50% - 112px); bottom: 100px">
        <img src="/static/img/btn_enter@2x.png" width="224px" height="55px" />
      </div> -->
      <div class="butText text-center" @click="handleHome">开始云游</div>
    </div>
  </div>
</template>

<script>
// import uButton from "udiv-ui/components/u-button/u-button.vue";
export default {
  components: {
    // uButton
  },
  data() {
    return {
      title: 'Hello'
    }
  },
  onLoad() {},
  methods: {
    handleHome() {
      console.log('开启云上观灯')
      this.$router.push('/home')
    }
  }
}
</script>

<style scoped lang="scss">
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  background: url(https://4dscene.4dage.com/new4dkk/deng/static/img/img_cover@2x.jpg) 100% 100%
    no-repeat;
  background-size: 100% 100%;
}

.butText {
  font-weight: 400;
  font-size: 24px;
  width: 225px;
  height: 58px;
  color: #ffffff;
  line-height: 36px;
  text-shadow: 0px 0px 8px #fff9b1, 0px 0px 27px #fff9b1, 0px 0px 4px #d86332;
  font-style: normal;
  text-transform: none;
  position: absolute;
  font-family: KingHwa_OldSong, KingHwa_OldSong;
  font-weight: 400;
  font-size: 24px;
  color: #ffffff;
  line-height: 36px;
  text-shadow: 0px 0px 8px #fff9b1, 0px 0px 27px #fff9b1, 0px 0px 4px #d86332;
  text-align: left;
  font-style: normal;
  text-transform: none;
  left: calc(50% - 112px);
  text-align: center;
  line-height: 58px;
  z-index: 10;
  background: url(https://4dscene.4dage.com/new4dkk/deng/static/img/btn_enter@2x.png) 100% 100%
    no-repeat;
  background-size: 100% 100%;
}
</style>