front/components/swiper/exercise.vue

<template>
  <view :class="['container', extend_class]">
    <image class="background" src="@/static/components/swiper/exercise/background.png"></image>
    <image class="button" @click="go_to_my_exercise_plan" src="@/static/components/swiper/exercise/button.png"></image>
  </view>
</template>

<script>

export default {
  name: "exercise",
  data() {
    return {
      extend_class : ''
    };
  },
  methods:{
    go_to_my_exercise_plan() {
      uni.navigateTo({
        url: '/pages/homepages/homes/my_exercise_plan/my_exercise_plan'
      })
      uni.showToast({
        title: '跳转',
        icon: 'success',
      })
    }
  }
}
</script>

<style lang="scss">
.background{
  position: absolute;
  width: 100%;

}
.button{
  position: absolute;
  height: 18%;
  width: 34%;
  left: 7%;
  top: 74%;


}

</style>