|
@@ -1,30 +1,5 @@
|
|
|
<template>
|
|
|
<div class="comp-root">
|
|
|
- <!-- <img
|
|
|
- class="top-image"
|
|
|
- src="@/assets/image/cover-page-top.png"
|
|
|
- alt=""
|
|
|
- >
|
|
|
- <img
|
|
|
- class="title"
|
|
|
- src="@/assets/image/cover-page-title.png"
|
|
|
- alt=""
|
|
|
- >
|
|
|
- <img
|
|
|
- class="museum-logo"
|
|
|
- src="@/assets/image/museum-logo.png"
|
|
|
- alt=""
|
|
|
- >
|
|
|
- <img
|
|
|
- class="our-logo"
|
|
|
- src="@/assets/image/our-logo.png"
|
|
|
- alt=""
|
|
|
- >
|
|
|
- <img
|
|
|
- class="background-image"
|
|
|
- src="@/assets/image/bg-text.png"
|
|
|
- alt="background"
|
|
|
- > -->
|
|
|
<img
|
|
|
v-for="index of frameNumber"
|
|
|
v-show="(index - 1) === currentFrameIdx || (index -1) === (currentFrameIdx - 1)"
|
|
@@ -52,11 +27,6 @@
|
|
|
class="bottom-wrapper"
|
|
|
>
|
|
|
<img
|
|
|
- class="jiangsu"
|
|
|
- src="@/assets/image/江苏交通广播网.png"
|
|
|
- alt=""
|
|
|
- >
|
|
|
- <img
|
|
|
class="museum-logo"
|
|
|
src="@/assets/image/museum-logo.png"
|
|
|
alt=""
|
|
@@ -144,43 +114,6 @@ export default {
|
|
|
height: 100%;
|
|
|
width: 100%;
|
|
|
}
|
|
|
-// .top-image {
|
|
|
-// width: 100%;
|
|
|
-// height: 39.2237vh;
|
|
|
-// object-fit: cover;
|
|
|
-// object-position: center bottom;
|
|
|
-// }
|
|
|
-// .title {
|
|
|
-// position: fixed;
|
|
|
-// height: 44.894vh;
|
|
|
-// width: auto;
|
|
|
-// left: 50%;
|
|
|
-// transform: translateX(-50%);
|
|
|
-// bottom: 13.069vh;
|
|
|
-// }
|
|
|
-// .museum-logo {
|
|
|
-// position: fixed;
|
|
|
-// left: 2.28rem;
|
|
|
-// bottom: 6.547vh;
|
|
|
-// height: 3.438vh;
|
|
|
-// }
|
|
|
-// .our-logo {
|
|
|
-// position: fixed;
|
|
|
-// right: 2.28rem;
|
|
|
-// bottom: 6.547vh;
|
|
|
-// height: 3.438vh;
|
|
|
-// }
|
|
|
-// .background-image {
|
|
|
-// position: fixed;
|
|
|
-// left: 0;
|
|
|
-// right: 0;
|
|
|
-// bottom: 0;
|
|
|
-// top: 0;
|
|
|
-// object-fit: cover;
|
|
|
-// width: 100%;
|
|
|
-// height: 100%;
|
|
|
-// z-index: -1;
|
|
|
-// }
|
|
|
.frame {
|
|
|
position: fixed;
|
|
|
left: 50%;
|
|
@@ -196,24 +129,19 @@ export default {
|
|
|
.bottom-wrapper {
|
|
|
position: absolute;
|
|
|
width: 100%;
|
|
|
- bottom: 2.8rem;
|
|
|
- height: 1.09rem;
|
|
|
+ bottom: 2.59rem;
|
|
|
+ height: 1.36rem;
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
animation: emerge 1s forwards;
|
|
|
- .jiangsu {
|
|
|
- margin-right: 0.78rem;
|
|
|
- flex: 0 0 auto;
|
|
|
- width: 6.92rem;
|
|
|
- }
|
|
|
.museum-logo {
|
|
|
- margin-right: 0.6rem;
|
|
|
+ margin-right: 3.58rem;
|
|
|
flex: 0 0 auto;
|
|
|
- width: 4.16rem;
|
|
|
+ width: 5.17rem;
|
|
|
}
|
|
|
.our-logo {
|
|
|
flex: 0 0 auto;
|
|
|
- width: 4.05rem;
|
|
|
+ width: 4.97rem;
|
|
|
}
|
|
|
}
|
|
|
@keyframes emerge {
|