forked from fzu102201435/front
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
948 B
47 lines
948 B
1 month ago
|
<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>
|