|
@@ -16,9 +16,12 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div :class="'center ' + indexClass">
|
|
<div :class="'center ' + indexClass">
|
|
- <!-- <div v-if="timerTime >= 0" class="timer">
|
|
|
|
|
|
+ <div v-if="timerTime >= 0" class="timer timer-v">
|
|
{{ timerTime }} 秒 后自动返回首页
|
|
{{ timerTime }} 秒 后自动返回首页
|
|
- </div> -->
|
|
|
|
|
|
+ </div>
|
|
|
|
+ <div v-if="timerTime >= 0" class="timerh timer-h">
|
|
|
|
+ <div>{{ timerTime }}S</div>
|
|
|
|
+ </div>
|
|
<component
|
|
<component
|
|
:is="nowPage.page"
|
|
:is="nowPage.page"
|
|
:nowPage.sync="nowPage"
|
|
:nowPage.sync="nowPage"
|
|
@@ -231,7 +234,7 @@ export default {
|
|
.timer {
|
|
.timer {
|
|
position: absolute;
|
|
position: absolute;
|
|
left: 0;
|
|
left: 0;
|
|
- top: 115px;
|
|
|
|
|
|
+ top: 10px;
|
|
z-index: 99;
|
|
z-index: 99;
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 50px;
|
|
height: 50px;
|
|
@@ -384,6 +387,38 @@ export default {
|
|
.center {
|
|
.center {
|
|
width: 1500px;
|
|
width: 1500px;
|
|
height: 740px;
|
|
height: 740px;
|
|
|
|
+
|
|
|
|
+ .timer-v {
|
|
|
|
+ display: none !important;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .timerh {
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: -150px;
|
|
|
|
+ top: -100px;
|
|
|
|
+ z-index: 99;
|
|
|
|
+ width: 120px;
|
|
|
|
+ height: 120px;
|
|
|
|
+ border-radius: 50%;
|
|
|
|
+ background: #4f97e2;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+
|
|
|
|
+ div {
|
|
|
|
+ width: 100px;
|
|
|
|
+ height: 100px;
|
|
|
|
+ font-size: 30px;
|
|
|
|
+ color: #ffffff;
|
|
|
|
+ letter-spacing: 3px;
|
|
|
|
+ border-radius: 50%;
|
|
|
|
+ border: 5px solid #ffffff;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
.top {
|
|
.top {
|
|
@@ -415,6 +450,10 @@ export default {
|
|
.center {
|
|
.center {
|
|
width: 900px;
|
|
width: 900px;
|
|
height: 1340px;
|
|
height: 1340px;
|
|
|
|
+
|
|
|
|
+ .timer-h {
|
|
|
|
+ display: none !important;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
.bottom {
|
|
.bottom {
|