|
@@ -1,13 +1,13 @@
|
|
<template>
|
|
<template>
|
|
<div>
|
|
<div>
|
|
- <img v-if="step === 4" src="../../../assets/img/next.png" class="next" />
|
|
|
|
|
|
+ <img v-if="step === 5" src="../../../assets/img/next.png" class="next" />
|
|
<div class="sex" :style="'background-image: url(' + bgimg + ')'">
|
|
<div class="sex" :style="'background-image: url(' + bgimg + ')'">
|
|
<img
|
|
<img
|
|
:src="kuangimg"
|
|
:src="kuangimg"
|
|
:style="
|
|
:style="
|
|
step === 2
|
|
step === 2
|
|
? 'opacity: 1'
|
|
? 'opacity: 1'
|
|
- : step === 3 || step === 4
|
|
|
|
|
|
+ : step >= 3
|
|
? 'width: 25%;transform: translate(0, 0);opacity: 1; top: 1em; left: 1em'
|
|
? 'width: 25%;transform: translate(0, 0);opacity: 1; top: 1em; left: 1em'
|
|
: 'opacity: 0'
|
|
: 'opacity: 0'
|
|
"
|
|
"
|
|
@@ -34,10 +34,10 @@
|
|
</transition>
|
|
</transition>
|
|
<img
|
|
<img
|
|
:src="text2img"
|
|
:src="text2img"
|
|
- :style="step === 4 ? 'opacity: 1' : ''"
|
|
|
|
|
|
+ :style="step >= 4 ? 'opacity: 1' : ''"
|
|
class="tImg"
|
|
class="tImg"
|
|
/>
|
|
/>
|
|
- <div class="btns" v-if="step === 4">
|
|
|
|
|
|
+ <div class="btns" v-if="step === 5">
|
|
<div
|
|
<div
|
|
class="btn"
|
|
class="btn"
|
|
@click="showDown"
|
|
@click="showDown"
|
|
@@ -116,7 +116,7 @@ let t = setTimeout(() => {
|
|
function autoStep() {
|
|
function autoStep() {
|
|
t = setInterval(() => {
|
|
t = setInterval(() => {
|
|
step.value += 1;
|
|
step.value += 1;
|
|
- if (step.value === 4) {
|
|
|
|
|
|
+ if (step.value === 5) {
|
|
clearInterval(t);
|
|
clearInterval(t);
|
|
t = setTimeout(() => {
|
|
t = setTimeout(() => {
|
|
// 跳转下一页
|
|
// 跳转下一页
|