<template>
  <view class="background">
    <!-- fit journey 文字说明-->
    <image class="fit_journey_text" src="@/static/transition/page1/pictures/fit_journey_text.png"></image>

    <!--按钮-->
    <image class="button" @click="click" src="@/static/transition/page1/pictures/button.png"></image>
  </view>
</template>

<script>
export default {
  methods: {
    click() {
      uni.navigateTo({
        url: '/pages/transition/page2/page2' // 跳转到 page2
      });
    }
  }
}
</script>

<style lang="scss">
.background {
  background-image: url('@/static/transition/page1/pictures/background.png');
  background-size: cover;
  background-position: center;
  height: 100vh;
}

.fit_journey_text {
  position: absolute;
  width: 285px;
  height: 167px;
  left: calc(50% - 285px / 2 + 0.5px);
  top: 292px;
}

.button {
  position: absolute;
  width: 315px;
  height: 60px;
  left: calc(50% - 315px / 2 + 0.5px);
  top: 772px;
}
</style>
