This commit is contained in:
yixu
2025-12-25 14:29:13 +08:00
parent 61cf0cd40d
commit f4042e8a65
188 changed files with 181 additions and 170 deletions

View File

@@ -1,12 +1,12 @@
<template>
<ModalTransition class="game-swiper" :show="show">
<div class="scene-item item-1" @click="handleGoHome">
<img src="../assets/images/new/go-home.png" alt="回到首页">
<img src="../assets/images/new/go-home.webp" alt="回到首页">
</div>
<div class="confirm-layout" v-if="isConfirmBtnDisplay">
<div class="scene-item item-3" @click="handleConfirmClick">
<img src="../assets/images/new/confirm-btn.png" alt="确定">
<img src="../assets/images/new/confirm-btn.webp" alt="确定">
</div>
</div>
@@ -28,16 +28,16 @@
:key="index"
:class="['carousel-slide', { active: currentIndex === index }]"
>
<img v-show="slide.show" class="complete-icon" src="../assets/images/new/complete-icon.png" alt="已完成">
<img v-show="slide.show" class="complete-icon" src="../assets/images/new/complete-icon.webp" alt="已完成">
<img :src="slide.image" :alt="slide.title" />
<div class="shou-dev">
<div class="show-position">
<div class="action-btn">
<img class="shou-click" src="../assets/images/new/pre-icon.png" alt="左" />
<img class="shou-click" src="../assets/images/new/next-icon.png" alt="右" />
<img class="shou-click" src="../assets/images/new/pre-icon.webp" alt="左" />
<img class="shou-click" src="../assets/images/new/next-icon.webp" alt="右" />
</div>
<img class="shou-btn" src="../assets/images/new/shouzhi.png" alt="手" />
<img class="shou-btn" src="../assets/images/new/shouzhi.webp" alt="手" />
</div>
</div>
</div>
@@ -63,11 +63,11 @@ import { ref, onMounted, onUnmounted, watch, computed } from 'vue'
import ModalTransition from "./ModalTransition.vue"
import globalToastEvent, { ToastType } from '../globalToastEvent';
import { Request } from "../libs/utils"
import slider1 from '../assets/images/new/slider1.png';
import slider2 from '../assets/images/new/slider2.png';
import slider3 from '../assets/images/new/slider3.png';
import slider4 from '../assets/images/new/slider4.png';
import slider5 from '../assets/images/new/slider5.png';
import slider1 from '../assets/images/new/slider1.webp';
import slider2 from '../assets/images/new/slider2.webp';
import slider3 from '../assets/images/new/slider3.webp';
import slider4 from '../assets/images/new/slider4.webp';
import slider5 from '../assets/images/new/slider5.webp';
import { globalStore } from "../globalstore.js";
const props = defineProps({
@@ -119,8 +119,9 @@ const getGameInfo = async () => {
const result = await Request('game/info', { refresh_official: true, refresh_cap_scan: true }, "GET")
if (result?.res?.status === 200) {
console.log(result)
// globalStore.completed_games_today = result.json.completed_games_today || [];
globalStore.completed_games_today = ['game1', 'game3']; // 测试数据
globalStore.completed_games_today = result.json.completed_games_today || [];
//TODO: 测试数据
// globalStore.completed_games_today = ['game1', 'game3'];
slides.value = slides.value.map(slide => ({
...slide,
show: globalStore.completed_games_today.includes(`game${slide.id}`)
@@ -405,7 +406,7 @@ onUnmounted(() => {
justify-content: center;
padding: 20px;
box-sizing: border-box;
background-image: url('../assets/images/new/swiper-page-bg.png');
background-image: url('../assets/images/new/swiper-page-bg.webp');
background-size: cover;
background-repeat: no-repeat;
background-position: center;