diff --git a/src/assets/images/new/cishu.png b/src/assets/images/new/cishu.png new file mode 100644 index 0000000..2d10836 Binary files /dev/null and b/src/assets/images/new/cishu.png differ diff --git a/src/assets/images/new/demo-bg.png b/src/assets/images/new/demo-bg.png new file mode 100644 index 0000000..970d878 Binary files /dev/null and b/src/assets/images/new/demo-bg.png differ diff --git a/src/assets/images/new/demo-img.png b/src/assets/images/new/demo-img.png new file mode 100644 index 0000000..836e27a Binary files /dev/null and b/src/assets/images/new/demo-img.png differ diff --git a/src/assets/images/new/rule-2.webp b/src/assets/images/new/rule-2.webp index 97e0adb..4042442 100644 Binary files a/src/assets/images/new/rule-2.webp and b/src/assets/images/new/rule-2.webp differ diff --git a/src/assets/images/new/rule-4.webp b/src/assets/images/new/rule-4.webp index 40d9afa..8b425ee 100644 Binary files a/src/assets/images/new/rule-4.webp and b/src/assets/images/new/rule-4.webp differ diff --git a/src/assets/images/new/shou.png b/src/assets/images/new/shou.png new file mode 100644 index 0000000..92d3020 Binary files /dev/null and b/src/assets/images/new/shou.png differ diff --git a/src/assets/images/new/规则页.png b/src/assets/images/new/规则页.png deleted file mode 100644 index c8c842c..0000000 Binary files a/src/assets/images/new/规则页.png and /dev/null differ diff --git a/src/components/GameDemo.vue b/src/components/GameDemo.vue index f61cceb..49152db 100644 --- a/src/components/GameDemo.vue +++ b/src/components/GameDemo.vue @@ -18,12 +18,18 @@ const cancelBtn = () => {
+
+ home +
立即挑战
关闭
+
+ shou +
@@ -45,8 +51,9 @@ const cancelBtn = () => { .popup-bg { width: 100vw; height: 204vw; - background-image: url('../assets/images/new/demo-popup.webp'); - background-size: 100%; + background-image: url('../assets/images/new/demo-bg.png'); + background-size: 100% auto; + background-position: 0 0; background-repeat: no-repeat; display: flex; flex-direction: column; @@ -77,8 +84,8 @@ const cancelBtn = () => { position: relative; } .item-1 { - top: 114vw; - width: 20vw; + top: 40vw; + width: 70vw; } .item-2 { top: 134vw; @@ -88,6 +95,34 @@ const cancelBtn = () => { top: 152vw; width: 12vw; } +.item-4 { + width: 30vw; + top: 57vw; + left: 46vw; +} +/* 手指点击动效：轻微下压 + 缩放 */ +@keyframes finger-tap { + 0% { + transform: translateY(0) scale(1); + } + 30% { + /* 手指按下：往下移动一点点，略微变小 */ + transform: translateY(2.4vw) scale(0.96); + } + 60% { + /* 回弹到原位 */ + transform: translateY(0) scale(1.02); + } + 100% { + transform: translateY(0) scale(1); + } +} + +/* 给这只手指绑定动画 */ +.scene-item.item-4 img { + animation: finger-tap 1s ease-in-out infinite; + transform-origin: center bottom; /* 以底部为轴，看起来更像手指按压 */ +} .scene-item img { width: 100%; height: 100%; diff --git a/src/components/GameSwiper.vue b/src/components/GameSwiper.vue index f093afd..e5456d7 100644 --- a/src/components/GameSwiper.vue +++ b/src/components/GameSwiper.vue @@ -221,14 +221,14 @@ const handleConfirmClick = async () => { } const handleSlideClick = (slide) => { - - if (!hasVisitedBefore) { - localStorage.setItem('hasVisitedGameSwiper', true); - globalToastEvent.emit(ToastType.SHOW_GAMEDEMO) - globalToastEvent.emit(ToastType.SHOW_GAMEPAGE, slide) - } else { - globalToastEvent.emit(ToastType.SHOW_GAMEPAGE, slide) - } + globalToastEvent.emit(ToastType.SHOW_GAMEDEMO) + // if (!hasVisitedBefore) { + // localStorage.setItem('hasVisitedGameSwiper', true); + // globalToastEvent.emit(ToastType.SHOW_GAMEDEMO) + // globalToastEvent.emit(ToastType.SHOW_GAMEPAGE, slide) + // } else { + // globalToastEvent.emit(ToastType.SHOW_GAMEPAGE, slide) + // } } // 自动播放 diff --git a/src/components/HomePage.vue b/src/components/HomePage.vue index 4ecce57..cda5cc4 100644 --- a/src/components/HomePage.vue +++ b/src/components/HomePage.vue @@ -464,12 +464,16 @@ globalToastEvent.on(ToastType.SHOW_ADDRESS,(id)=>{
+
抽奖
开始探索 +
+

{{ globalStore.game_chances }}

+
任务 @@ -636,7 +640,15 @@ globalToastEvent.on(ToastType.SHOW_ADDRESS,(id)=>{ right: 8vw; z-index: -2; } - +.transparent-hole-cover-left { + position: fixed; + width: 30vw; + height: 80vw; + background-color: #7b3d0d; + top: 62vw; + left: 8vw; + z-index: -2; +} .scene-item { position: fixed; cursor: pointer; @@ -658,14 +670,14 @@ globalToastEvent.on(ToastType.SHOW_ADDRESS,(id)=>{ /* 马的位置 */ .item-ma1 { - width: 14vw; - top: 43vw; - left: 6.2vw; + width: 13vw; + top: 43.2vw; + left: 7.2vw; } .item-ma2 { width: 14vw; - top: 43vw; - right: 7.1vw; + top: 43.2vw; + right: 7.8vw; } .item-ma3 { width: 21vw; @@ -817,7 +829,7 @@ globalToastEvent.on(ToastType.SHOW_ADDRESS,(id)=>{ .item-1 { width: 21vw; - bottom: 20vw; + bottom: 15vw; left: 0; animation-delay: 0s; } @@ -840,36 +852,41 @@ globalToastEvent.on(ToastType.SHOW_ADDRESS,(id)=>{ .item-2 { width: 48vw; - bottom: 18vw; + bottom: 13vw; animation-delay: 0s; } .join-main { + width: 10vw; + height: 10vw; + background-image: url('../assets/images/new/cishu.png'); + background-size: 100% auto; + background-repeat: no-repeat; + background-position: 0 0; position: absolute; - top: 3.4vw; - right: -3.5vw; - width: 13vw; + top: -0.6vw; + right: -0.5vw; + text-align: center; + padding-top: 1.6vw; } .join-main .join-value { margin: 0; color: white; - text-shadow: -1px -1px 0 #ff0000, 1px -1px 0 #ff0000, -1px 1px 0 #ff0000, 1px 1px 0 #ff0000, 0 0 2px #ff0000; - font-size: 5.4vw; - font-weight: 900; + font-size: 4vw; } .item-3 { width: 21vw; - bottom: 20vw; + bottom: 15vw; right: 0; animation-delay: 0s; } .item-4 { - width: 11vw; - top: 8vw; - right: 4vw; + width: 15vw; + top: 6vw; + right: 3vw; animation-delay: 0s; } @@ -882,14 +899,14 @@ globalToastEvent.on(ToastType.SHOW_ADDRESS,(id)=>{ .item-6 { width: 14.5vw; - top: 8%; + top: 22vw; right: 0; animation-delay: 0s; } .item-7 { width: 14.5vw; - top: 12%; + top: 30vw; right: 0; animation-delay: 0s; } diff --git a/src/components/Rule.vue b/src/components/Rule.vue index 552d628..246f043 100644 --- a/src/components/Rule.vue +++ b/src/components/Rule.vue @@ -39,7 +39,6 @@ const emit = defineEmits(['close']) width: 83.981481vw; height: 150vw; overflow: auto; - padding-right: 4vw; padding-bottom: 56vw; } .rule-content img {