From 05dc19c399d152e6c95d03a19c7537ba470df289 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Mon, 5 Jan 2026 17:54:08 +0800
Subject: [PATCH] =?UTF-8?q?chore(=E5=88=A0=E9=99=A4=E6=97=A0=E7=94=A8?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2):=20=E5=9C=A3=E8=AF=9E=E8=8A=82=E6=89=93?=
 =?UTF-8?q?=E6=A6=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                           |   6 -
 src/utils/permissionManager.js                |   1 -
 src/utils/routeGuard.js                       |   1 -
 .../MerryChristmas/components/topUser.vue     | 261 -----
 src/views/Activities/MerryChristmas/index.vue | 928 ------------------
 5 files changed, 1197 deletions(-)
 delete mode 100644 src/views/Activities/MerryChristmas/components/topUser.vue
 delete mode 100644 src/views/Activities/MerryChristmas/index.vue

diff --git a/src/router/index.js b/src/router/index.js
index 218bceb..cce505b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -377,12 +377,6 @@ const router = createRouter({
       component: () => import('../views/Activities/JackPot/index.vue'),
       meta: { requiresAuth: true },
     }, //2026年1月3日上午5点结束
-    {
-      path: '/merry-christmas',
-      name: 'merry-christmas',
-      component: () => import('../views/Activities/MerryChristmas/index.vue'),
-      meta: { requiresAuth: true },
-    }, //2025年12月31日上午5点结束
   ],
 })
 
diff --git a/src/utils/permissionManager.js b/src/utils/permissionManager.js
index adc84bd..fb88294 100644
--- a/src/utils/permissionManager.js
+++ b/src/utils/permissionManager.js
@@ -59,7 +59,6 @@ const ACTIVITIES = [
 
   '/new-year', //新年抽奖
   '/jack-pot', //水果游戏打榜
-  '/merry-christmas', //圣诞节
 ]
 
 // 🎯 核心改变：基于身份的权限配置
diff --git a/src/utils/routeGuard.js b/src/utils/routeGuard.js
index d17fb6e..e5bd1a6 100644
--- a/src/utils/routeGuard.js
+++ b/src/utils/routeGuard.js
@@ -410,7 +410,6 @@ class RouteGuard {
 
       '/new-year', //新年抽奖
       '/jack-pot', //水果游戏打榜
-      '/merry-christmas', //圣诞节
     ]
 
     const publicPages = [
diff --git a/src/views/Activities/MerryChristmas/components/topUser.vue b/src/views/Activities/MerryChristmas/components/topUser.vue
deleted file mode 100644
index 7dc4337..0000000
--- a/src/views/Activities/MerryChristmas/components/topUser.vue
+++ /dev/null
@@ -1,261 +0,0 @@
-<template>
-  <div style="width: 100%">
-    <div style="position: relative">
-      <img
-        v-smart-img
-        :src="BorderImgUrl"
-        alt=""
-        width="100%"
-        style="display: block; position: relative; z-index: 2"
-      />
-      <!-- 头像 -->
-      <div
-        style="
-          position: absolute;
-          top: 0;
-          left: 0;
-          right: 0;
-          z-index: 1;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-        "
-        :style="{ height: avatarContainerHeight }"
-      >
-        <div :style="{ width: avatarWidth }">
-          <img
-            v-smart-img
-            :src="avatarUrl || ''"
-            alt=""
-            width="100%"
-            style="display: block; border-radius: 50%; aspect-ratio: 1/1; object-fit: cover"
-            @error="handleAvatarImageError"
-          />
-        </div>
-      </div>
-
-      <!-- 用户名和贡献值 -->
-      <div
-        style="
-          position: absolute;
-          bottom: 0;
-          left: 0;
-          right: 0;
-          z-index: 3;
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          gap: 5%;
-        "
-        :style="{ height: bottomSectionHeight }"
-      >
-        <div
-          style="
-            height: 27%;
-            width: 50%;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-          "
-        >
-          <div style="font-weight: 700" class="showText" :class="isTopOne ? 'top1Text' : 'text'">
-            {{ name }}
-          </div>
-        </div>
-        <div
-          v-if="distributionValue"
-          style="
-            border-radius: 40px;
-            box-shadow: 0 0 2.558px 0 rgba(0, 0, 0, 0.4) inset;
-            border: 0.64px solid #ffdf36;
-            padding: 1px 2px;
-
-            display: flex;
-            justify-content: center;
-            align-items: center;
-          "
-          :style="{
-            width: distributionValueWidth,
-            background:
-              ranking == '1'
-                ? `linear-gradient(270deg, #AD1300 0%, #FE280C 50%, #AD1300 100%)`
-                : ranking == '2'
-                ? `linear-gradient(270deg, #A3FDF9 0%, #1D7BBD 50%, #A3FDF9 100%)`
-                : `linear-gradient(270deg, #F5EAE4 0%, #F9C29E 50%, #F5EAE4 100%)`,
-          }"
-        >
-          <img
-            v-smart-img
-            src="/src/assets/icon/coin.png"
-            alt=""
-            style="display: block"
-            :style="{ width: coinWidth }"
-          />
-          <div
-            style="font-weight: 590"
-            class="showText"
-            :class="isTopOne ? 'top1Text' : 'text'"
-            :style="{
-              color: ranking == '1' ? `#FFE601` : '#FFF',
-            }"
-          >
-            {{ distributionValue }}
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
-import { computed } from 'vue'
-
-const props = defineProps({
-  ranking: {
-    type: String,
-    default: '',
-  },
-
-  avatarUrl: {
-    type: String,
-    default: '',
-  },
-
-  BorderImgUrl: {
-    type: String,
-    required: true,
-  },
-
-  name: {
-    type: String,
-    default: '',
-  },
-
-  distributionValue: {
-    type: String,
-    default: '',
-  },
-})
-
-// 是否为第一名
-const isTopOne = computed(() => {
-  return props.ranking === '1'
-})
-
-// 头像容器高度
-const avatarContainerHeight = computed(() => {
-  switch (props.ranking) {
-    case '1':
-      return '48%'
-    case '2':
-      return '48%'
-    case '3':
-      return '48%'
-    default:
-      return '48%'
-  }
-})
-
-// 头像宽度
-const avatarWidth = computed(() => {
-  switch (props.ranking) {
-    case '1':
-      return '68%'
-    case '2':
-      return '68%'
-    case '3':
-      return '68%'
-    default:
-      return '68%'
-  }
-})
-
-// 底部信息区域高度
-const bottomSectionHeight = computed(() => {
-  switch (props.ranking) {
-    case '1':
-      return '45%'
-    case '2':
-      return '44%'
-    case '3':
-      return '46%'
-    default:
-      return '45%'
-  }
-})
-
-// 贡献值宽度
-const distributionValueWidth = computed(() => {
-  switch (props.ranking) {
-    case '1':
-      return '65%'
-    case '2':
-      return '65%'
-    case '3':
-      return '65%'
-    default:
-      return '65%'
-  }
-})
-
-// 金币图标宽度
-const coinWidth = computed(() => {
-  switch (props.ranking) {
-    case '1':
-      return '1em'
-    case '2':
-      return '0.9em'
-    case '3':
-      return '0.9em'
-    default:
-      return '0.9em'
-  }
-})
-</script>
-
-<style lang="scss" scoped>
-* {
-  color: black;
-}
-
-.showText {
-  color: #fff;
-  text-align: center;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.top1Text {
-  font-size: 0.75em;
-}
-
-.text {
-  font-size: 0.6em;
-}
-
-@media screen and (max-width: 360px) {
-  * {
-    font-size: 10px;
-  }
-}
-
-@media screen and (min-width: 360px) {
-  * {
-    font-size: 16px;
-  }
-}
-
-@media screen and (min-width: 768px) {
-  * {
-    font-size: 24px;
-  }
-}
-
-@media screen and (min-width: 1024px) {
-  * {
-    font-size: 32px;
-  }
-}
-</style>
diff --git a/src/views/Activities/MerryChristmas/index.vue b/src/views/Activities/MerryChristmas/index.vue
deleted file mode 100644
index c9247ba..0000000
--- a/src/views/Activities/MerryChristmas/index.vue
+++ /dev/null
@@ -1,928 +0,0 @@
-<!-- src/views/Activities/ -->
-<template>
-  <div class="fullPage">
-    <!-- 预加载状态 -->
-    <div v-if="isLoading" class="loading-container">
-      <div class="loading-spinner"></div>
-      <p>{{ $t('loading') }}...</p>
-    </div>
-
-    <!-- 主要内容 -->
-    <div v-else>
-      <!-- 新增的背景图层 -->
-      <div class="background-overlay" :style="{ '--bg2-url': `url(${imageUrl('bg2')})` }"></div>
-
-      <div class="bg">
-        <itemCenter :imgUrl="imageUrl('bg')" :contentStyle="`display: block;`">
-          <!-- 状态栏占位区域（仅在APP中显示） -->
-          <!-- <div v-if="isInAppEnvironment" style="height: 30px"></div> -->
-
-          <!-- 按钮 -->
-          <div
-            style="margin-top: 130vw; display: flex; justify-content: flex-end; align-items: center"
-          >
-            <!-- 帮助按钮 -->
-            <img
-              v-smart-img
-              :src="imageUrl('helpBt')"
-              alt=""
-              style="display: block; position: relative; width: 10vw; margin-right: 8px"
-              @click="maskLayerShow = true"
-            />
-          </div>
-        </itemCenter>
-
-        <!-- 倒计时 -->
-        <div class="timeBox">
-          <div style="width: 20%">
-            <itemCenter :imgUrl="imageUrl('timeBg')">
-              <div class="timeText" style="">{{ Days }}D</div>
-            </itemCenter>
-          </div>
-          <div class="timeText timeGap"></div>
-          <div style="width: 20%">
-            <itemCenter :imgUrl="imageUrl('timeBg')">
-              <div class="timeText" style="">{{ Hours }}</div>
-            </itemCenter>
-          </div>
-          <div class="timeText timeGap">:</div>
-          <div style="width: 20%">
-            <itemCenter :imgUrl="imageUrl('timeBg')">
-              <div class="timeText" style="">{{ Minutes }}</div>
-            </itemCenter>
-          </div>
-          <div class="timeText timeGap">:</div>
-          <div style="width: 20%">
-            <itemCenter :imgUrl="imageUrl('timeBg')">
-              <div class="timeText" style="">{{ Second }}</div>
-            </itemCenter>
-          </div>
-        </div>
-
-        <!-- 每周礼物 -->
-        <div style="display: flex; justify-content: center; margin-top: 10px">
-          <itemCenter :imgUrl="imageUrl('giftsBg')" :contentStyle="'padding: 43% 0 19.5%;'">
-            <div
-              style="
-                width: 84%;
-                height: 100%;
-                display: grid;
-                grid-template-columns: repeat(3, 1fr);
-
-                align-self: flex-start;
-                gap: 5.5vw;
-                margin-left: 1vw;
-              "
-            >
-              <div
-                v-for="(gift, index) in gifts"
-                :key="index"
-                style="
-                  width: 100%;
-                  align-self: stretch;
-
-                  display: flex;
-                  flex-direction: column;
-                  justify-content: space-between;
-                  align-items: center;
-                "
-              >
-                <!-- 礼物图 -->
-                <div
-                  style="
-                    width: 100%;
-                    aspect-ratio: 1/1;
-                    padding-bottom: 2vw;
-
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                  "
-                >
-                  <img
-                    v-smart-img
-                    :src="gift.giftPhoto"
-                    alt=""
-                    width="70%"
-                    style="display: block; object-fit: cover"
-                  />
-                </div>
-
-                <!-- 价值 -->
-                <div
-                  style="
-                    height: 5vw;
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                    gap: 2px;
-                  "
-                >
-                  <img
-                    v-smart-img
-                    src="/src/assets/icon/coin.png"
-                    alt=""
-                    style="display: block; width: 1.5em; aspect-ratio: 1/1"
-                  />
-                  <div style="color: rgba(255, 255, 255, 1); font-weight: 590">
-                    {{ gift.giftCandy }}
-                  </div>
-                </div>
-              </div>
-            </div>
-          </itemCenter>
-        </div>
-
-        <!-- 切换按钮 -->
-        <div style="display: flex; justify-content: space-around; margin-top: 2vw">
-          <!-- 排行榜按钮 -->
-          <div style="width: 40%; position: relative" @click="rankingShow = true">
-            <img
-              v-show="!rankingShow"
-              v-smart-img
-              :src="imageUrl('rankingBt')"
-              alt=""
-              style="display: block; width: 100%"
-            />
-            <img
-              v-show="rankingShow"
-              v-smart-img
-              :src="imageUrl('rankingBtActive')"
-              alt=""
-              style="display: block; width: 100%"
-            />
-          </div>
-
-          <!-- 奖励按钮 -->
-          <div style="width: 40%; position: relative" @click="rankingShow = false">
-            <img
-              v-show="rankingShow"
-              v-smart-img
-              :src="imageUrl('rewardsBt')"
-              alt=""
-              style="display: block; width: 100%"
-            />
-            <img
-              v-show="!rankingShow"
-              v-smart-img
-              :src="imageUrl('rewardBtActive')"
-              alt=""
-              style="display: block; width: 100%"
-            />
-          </div>
-        </div>
-
-        <!-- 展示内容 -->
-        <div>
-          <!-- Ranking -->
-          <div v-show="rankingShow" style="position: relative; width: 100%; margin: 10px 0">
-            <!-- 背景图 -->
-            <div
-              class="ranking-bg"
-              :style="{ '--ranking-bg-url': `url(${imageUrl('RankingBg')})` }"
-            ></div>
-
-            <div style="position: relative; z-index: 1">
-              <!-- 前三名 -->
-              <itemCenter
-                :imgUrl="imageUrl('RankingMain')"
-                :contentStyle="`padding: 28% 5% 0;flex-direction: column;`"
-              >
-                <div>
-                  <!-- 第一 -->
-                  <div style="display: flex; justify-content: center">
-                    <TopUser
-                      ranking="1"
-                      :BorderImgUrl="imageUrl('topOne')"
-                      :avatarUrl="RankingHasTop3[0].avatar"
-                      :name="RankingHasTop3[0].nickname"
-                      :distributionValue="RankingHasTop3[0].quantity"
-                      style="width: 41%"
-                      @click="viewUserInfo(RankingHasTop3[0].userId)"
-                    />
-                  </div>
-                  <!-- 第二三 -->
-                  <div
-                    style="
-                      position: relative;
-                      z-index: 3;
-
-                      display: flex;
-                      justify-content: space-between;
-                      margin-top: -30vw;
-                      pointer-events: none;
-                    "
-                  >
-                    <div
-                      style="pointer-events: auto; width: 28%"
-                      @click.stop="viewUserInfo(RankingHasTop3[1].userId)"
-                    >
-                      <TopUser
-                        ranking="2"
-                        :BorderImgUrl="imageUrl('topTwo')"
-                        :avatarUrl="RankingHasTop3[1].avatar"
-                        :name="RankingHasTop3[1].nickname"
-                        :distributionValue="RankingHasTop3[1].quantity"
-                        style="width: 100%"
-                      />
-                    </div>
-
-                    <div
-                      style="pointer-events: auto; width: 28%"
-                      @click.stop="viewUserInfo(RankingHasTop3[2].userId)"
-                    >
-                      <TopUser
-                        ranking="3"
-                        :BorderImgUrl="imageUrl('topThree')"
-                        :avatarUrl="RankingHasTop3[2].avatar"
-                        :name="RankingHasTop3[2].nickname"
-                        :distributionValue="RankingHasTop3[2].quantity"
-                        style="width: 100%"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </itemCenter>
-
-              <!-- 第四名开始 -->
-              <div v-if="showRanking.length > 0" style="position: relative; z-index: 2">
-                <itemCenter
-                  v-for="(listItem, index) in showRanking"
-                  :key="listItem.userId"
-                  :imgUrl="imageUrl('RankingItem')"
-                  :contentStyle="`padding: 0 10% 2%`"
-                  :lazy="true"
-                  :flip="true"
-                  :immediate="index < 2"
-                  @click="viewUserInfo(listItem.userId)"
-                >
-                  <!-- 基本信息 -->
-                  <div
-                    style="
-                      flex: 1;
-                      min-width: 0;
-
-                      display: flex;
-                      justify-content: space-around;
-                      align-items: center;
-
-                      gap: 4px;
-                    "
-                  >
-                    <!-- 排名 -->
-                    <div
-                      style="width: 9%; display: flex; justify-content: center; align-items: center"
-                    >
-                      <div style="color: #ffe601; font-weight: 700">
-                        {{ listItem?.rank }}
-                      </div>
-                    </div>
-
-                    <!-- 头像 -->
-                    <img
-                      v-smart-img
-                      :src="listItem?.avatar || ''"
-                      alt=""
-                      style="
-                        display: block;
-                        width: 23%;
-                        margin: 0 3%;
-                        aspect-ratio: 1/1;
-                        border-radius: 50%;
-                        object-fit: cover;
-
-                        position: relative;
-                        z-index: -1;
-                      "
-                      @error="handleAvatarImageError"
-                    />
-
-                    <!-- 名称、id -->
-                    <div style="flex: 1; min-width: 0; display: flex; flex-direction: column">
-                      <div
-                        style="
-                          color: #fff;
-                          font-weight: 860;
-                          overflow: hidden;
-                          white-space: nowrap;
-                          text-overflow: ellipsis;
-                        "
-                        class="UserNickname"
-                      >
-                        {{ listItem?.nickname }}
-                      </div>
-                      <div style="color: #fff; font-weight: 590" class="UserNickname">
-                        {{ $t('user_id_prefix') }} {{ listItem?.account }}
-                      </div>
-                    </div>
-                  </div>
-
-                  <!-- 贡献值 -->
-                  <div
-                    style="
-                      width: auto;
-                      min-width: 0;
-
-                      display: flex;
-                      align-items: center;
-                    "
-                  >
-                    <img
-                      v-smart-img
-                      src="/src/assets/icon/coin.png"
-                      alt=""
-                      style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
-                    />
-                    <div style="color: #ffe601; font-weight: 700" class="UserNickname">
-                      {{ listItem?.quantity }}
-                    </div>
-                  </div>
-                </itemCenter>
-              </div>
-
-              <!-- 底框 -->
-              <img
-                v-smart-img
-                :src="imageUrl('RankingBottomBorder')"
-                alt=""
-                width="100%"
-                style="display: block; margin-top: -10vw; position: relative; z-index: 1"
-              />
-            </div>
-          </div>
-
-          <!-- Rewards -->
-          <div
-            v-show="!rankingShow"
-            style="display: flex; flex-direction: column; align-items: center"
-          >
-            <div
-              v-for="(rewardsTop, top) in rewardsList"
-              :key="top"
-              style="position: relative; width: 100%; margin: 10px 0"
-            >
-              <itemCenter
-                :imgUrl="topImg[Number(rewardsTop.rankRange) - 1]"
-                :contentStyle="`display: grid;grid-template-columns: repeat(2, 1fr);gap:5vw 7.5vw;padding: 38vw 11.5vw 22vw 9vw;`"
-              >
-                <div
-                  v-for="(reward, rewardIndex) in rewardsTop.rewards"
-                  :key="rewardIndex"
-                  style="
-                    width: 100%;
-                    align-self: stretch;
-
-                    display: flex;
-                    flex-direction: column;
-                    justify-content: space-between;
-                    align-items: center;
-                  "
-                >
-                  <div
-                    style="
-                      width: 100%;
-                      aspect-ratio: 1/1;
-
-                      display: flex;
-                      justify-content: center;
-                      align-items: center;
-                    "
-                  >
-                    <!-- 奖励图片 -->
-                    <img
-                      v-smart-img
-                      :src="reward.cover || ''"
-                      alt=""
-                      style="display: block; width: 60%; object-fit: cover"
-                      @error="(e) => handleRewardImageError(e, reward.type)"
-                    />
-                  </div>
-
-                  <!-- 数值 -->
-                  <div
-                    style="
-                      width: 100%;
-                      height: 10vw;
-
-                      display: flex;
-                      justify-content: center;
-                      align-items: center;
-                    "
-                  >
-                    <div style="min-width: 0; font-size: 1.2em; font-weight: 590; color: #fff">
-                      {{ showDetail(reward.type, reward) }}
-                    </div>
-                  </div>
-                </div>
-              </itemCenter>
-            </div>
-          </div>
-        </div>
-
-        <!-- 我的排名占位 -->
-        <div style="height: 25vw"></div>
-
-        <!-- 我的排名 -->
-        <itemCenter
-          style="position: fixed; bottom: 0; z-index: 2"
-          :imgUrl="imageUrl('myRankingBg')"
-          :contentStyle="`padding: 3% 7% 2%`"
-          :flip="true"
-        >
-          <!-- 基本信息 -->
-          <div
-            style="
-              flex: 1;
-              min-width: 0;
-
-              display: flex;
-              justify-content: space-around;
-              align-items: center;
-
-              gap: 8px;
-            "
-          >
-            <!-- 排名 -->
-            <div
-              style="
-                width: 9%;
-                min-width: 0;
-
-                display: flex;
-                justify-content: center;
-                align-items: center;
-              "
-            >
-              <div style="color: #ffe601; font-weight: 700">
-                {{ myRanking.rank || 999 }}
-              </div>
-            </div>
-
-            <!-- 头像 -->
-            <img
-              v-smart-img
-              :src="myRanking?.avatar || ''"
-              alt=""
-              style="
-                display: block;
-                width: 20%;
-                margin: 0 2%;
-                aspect-ratio: 1/1;
-                border-radius: 50%;
-                object-fit: cover;
-
-                position: relative;
-                z-index: -1;
-              "
-              @error="handleAvatarImageError"
-            />
-
-            <!-- 名称 -->
-            <div style="flex: 1; min-width: 0; display: flex; flex-direction: column">
-              <div
-                style="
-                  color: #fff;
-                  font-weight: 860;
-                  overflow: hidden;
-                  white-space: nowrap;
-                  text-overflow: ellipsis;
-                "
-                class="UserNickname"
-              >
-                {{ myRanking.nickname }}
-              </div>
-            </div>
-          </div>
-
-          <!-- 贡献值 -->
-          <div
-            style="
-              width: auto;
-              min-width: 0;
-
-              display: flex;
-              align-items: center;
-            "
-          >
-            <img
-              v-smart-img
-              src="/src/assets/icon/coin.png"
-              alt=""
-              style="display: block; width: 1.5em; aspect-ratio: 1/1; object-fit: cover"
-            />
-            <div style="color: #edb247; font-weight: 700">
-              {{ myRanking.quantity || 0 }}
-            </div>
-          </div>
-        </itemCenter>
-
-        <!-- 弹窗遮罩层 -->
-        <maskLayer :maskLayerShow="maskLayerShow" @click="maskLayerShow = false">
-          <!-- help弹窗 -->
-          <div style="margin: 20% 0" @click.stop>
-            <img
-              v-smart-img
-              :src="imageUrl(getImgName('helpInfo'))"
-              alt=""
-              style="display: block; width: 100%"
-            />
-          </div>
-        </maskLayer>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed, onMounted, onUnmounted, ref } from 'vue'
-import { isInApp, viewUserInfo } from '@/utils/appBridge.js'
-import { connectToApp } from '@/utils/appConnector.js'
-import { useLangStore } from '@/stores/lang'
-import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
-
-import { getThisWeekRewardsAndGifts, getRankingListAndMyRanking } from '@/api/activity.js'
-
-import itemCenter from '@/components/itemCenter.vue'
-import TopUser from './components/topUser.vue'
-import maskLayer from '@/components/MaskLayer.vue'
-
-const langStore = useLangStore()
-// 当前语言类型
-const currentLangType = computed(() => {
-  return langStore.selectedLang?.type || 'en'
-})
-
-// 获取OSS图片URL的函数
-const imageUrl = (filename) => getPngUrl('Activities/MerryChristmas/', filename)
-
-// 根据语言获取图片名
-const getImgName = (filename) => {
-  return currentLangType.value === 'ar' ? `${filename}_ar` : filename
-}
-
-// 预加载状态
-const isLoading = ref(true)
-
-const isInAppEnvironment = ref(false) // 检测是否在APP环境中
-const maskLayerShow = ref(false) //帮助模块
-
-// 倒计时
-const Days = ref(0)
-const Hours = ref(0)
-const Minutes = ref(0)
-const Second = ref(0)
-let timer = null
-
-// 模块切换展示
-const rankingShow = ref(true) //排行榜
-
-const Ranking = ref([]) // 排行榜
-const myRanking = ref({}) // 我的排名
-const rewardsList = ref([]) // 奖励列表
-const gifts = ref([]) // 本周礼物
-
-const topImg = ref([imageUrl('top1RewardBg'), imageUrl('top2RewardBg'), imageUrl('top3RewardBg')]) // top图片
-
-// 处理排行榜小于3人时的情况
-const RankingHasTop3 = computed(() => {
-  let RankingShow = [...Ranking.value]
-  if (Ranking.value.length < 3) {
-    let addNullUser = Array.from({ length: 3 - Ranking.value.length }, () => ({
-      avatar: '',
-      nickname: '',
-      quantity: '',
-    }))
-    RankingShow.push(...addNullUser)
-  }
-  return RankingShow
-})
-
-// 展示用的榜单
-const showRanking = computed(() => {
-  return Ranking.value.filter((_, index) => index >= 3)
-  // return []
-})
-
-// 获取2025年12月31日上午5点的时间戳（北京时间）
-const getTargetTime = () => {
-  const targetDate = new Date(2025, 11, 31, 5, 0, 0) // 月份从0开始，11代表12月
-  return targetDate.getTime()
-}
-
-const targetTime = ref(getTargetTime())
-
-// 格式化时间
-const formatTime = (value) => {
-  return value < 10 ? `0${value}` : value
-}
-
-// 倒计时
-const getCountdown = () => {
-  const now = Date.now()
-  let diff = targetTime.value - now
-
-  // 如果已过期，显示全零
-  if (diff <= 0) {
-    Days.value = 0
-    Hours.value = '00'
-    Minutes.value = '00'
-    Second.value = '00'
-
-    // 清除定时器
-    if (timer) {
-      clearInterval(timer)
-      timer = null
-    }
-    return
-  }
-
-  const totalSeconds = Math.floor(diff / 1000)
-  Days.value = Math.floor(totalSeconds / (24 * 3600))
-  Hours.value = formatTime(Math.floor((totalSeconds % (24 * 3600)) / 3600))
-  Minutes.value = formatTime(Math.floor((totalSeconds % 3600) / 60))
-  Second.value = formatTime(Math.floor(totalSeconds % 60))
-}
-
-// 格式化奖励的展示信息
-const showDetail = (type, reward) => {
-  let showamount = ['GOLD', 'DIAMOND', 'GIFT', 'FRAGMENTS']
-  if (showamount.includes(type)) {
-    return reward.content
-  } else {
-    return `${reward.quantity}Days`
-  }
-}
-
-// 获取排行榜和我的排名
-const getListAndMy = async () => {
-  let data = {
-    activityType: 12,
-  }
-  const resMyWeekStarRanking = await getRankingListAndMyRanking(data)
-  console.log('resMyWeekStarRanking:', resMyWeekStarRanking)
-  if (resMyWeekStarRanking.status && resMyWeekStarRanking.body) {
-    myRanking.value = resMyWeekStarRanking.body.currentUserRank
-    Ranking.value = resMyWeekStarRanking.body.rankingList
-  }
-}
-
-// 获取每周奖励列表和礼物
-const getRewardsAndGifts = async () => {
-  const resRewardsAndGifts = await getThisWeekRewardsAndGifts('2003763785923244033')
-  if (resRewardsAndGifts.status && resRewardsAndGifts.body) {
-    gifts.value = resRewardsAndGifts.body.gifts
-    rewardsList.value = resRewardsAndGifts.body.butOneRewards
-  }
-}
-
-// 刷新页面数据
-const initData = async () => {
-  await Promise.all([
-    getListAndMy(), // 获取排行榜和我的排名
-    getRewardsAndGifts(), //获取本周的礼物和奖励列表
-  ])
-}
-
-// 预加载关键图片
-const preloadCriticalImages = async () => {
-  const criticalImages = [
-    imageUrl('bg'),
-    // imageUrl('bg2'),
-    imageUrl('giftsBg'),
-    imageUrl('helpBt'),
-    imageUrl('helpInfo'),
-    imageUrl('myRankingBg'),
-    // imageUrl('RankingBg'),
-    imageUrl('RankingBottomBorder'),
-    imageUrl('rankingBt'),
-    imageUrl('rankingBtActive'),
-    imageUrl('RankingItem'),
-    imageUrl('RankingMain'),
-    imageUrl('rewardBtActive'),
-    imageUrl('rewardsBt'),
-    imageUrl('timeBg'),
-    imageUrl('top1RewardBg'),
-    imageUrl('top2RewardBg'),
-    imageUrl('top3RewardBg'),
-    imageUrl('topOne'),
-    imageUrl('topTwo'),
-    imageUrl('topThree'),
-  ]
-
-  const criticalImages_ar = [
-    imageUrl('bg'),
-    // imageUrl('bg2'),
-    imageUrl('giftsBg'),
-    imageUrl('helpBt'),
-    imageUrl('helpInfo_ar'),
-    imageUrl('myRankingBg'),
-    // imageUrl('RankingBg'),
-    imageUrl('RankingBottomBorder'),
-    imageUrl('rankingBt'),
-    imageUrl('rankingBtActive'),
-    imageUrl('RankingItem'),
-    imageUrl('RankingMain'),
-    imageUrl('rewardBtActive'),
-    imageUrl('rewardsBt'),
-    imageUrl('timeBg'),
-    imageUrl('top1RewardBg'),
-    imageUrl('top2RewardBg'),
-    imageUrl('top3RewardBg'),
-    imageUrl('topOne'),
-    imageUrl('topTwo'),
-    imageUrl('topThree'),
-  ]
-
-  if (currentLangType.value == 'en') {
-    await preloadImages(criticalImages)
-  } else if (currentLangType.value == 'ar') {
-    await preloadImages(criticalImages_ar)
-  }
-}
-
-// 完成预加载
-const completePreloading = async () => {
-  try {
-    // 执行所有初始化操作
-    await Promise.all([initData(), preloadCriticalImages()])
-  } catch (error) {
-    console.error('预加载过程中发生错误:', error)
-  } finally {
-    // 无论成功或失败都结束加载状态
-    isLoading.value = false
-  }
-}
-
-// 使用工具函数连接APP
-const connectToAppHandler = async () => {
-  await connectToApp(() => {
-    // 连接成功回调
-    completePreloading() // 完成预加载
-  })
-}
-
-// 组件挂载时检测环境
-onMounted(() => {
-  connectToAppHandler()
-  isInAppEnvironment.value = isInApp()
-
-  getCountdown()
-  timer = setInterval(getCountdown, 1000) //倒计时每秒更新
-})
-
-onUnmounted(() => {
-  clearInterval(timer) //摧毁计时器
-})
-</script>
-
-<style lang="scss" scoped>
-* {
-  color: #fff;
-}
-
-.fullPage {
-  position: relative;
-  background: #014529;
-}
-
-.bg {
-  width: 100vw;
-  min-height: 100vh;
-  position: relative;
-  z-index: 1;
-}
-
-.background-overlay {
-  position: absolute;
-  inset: 140vw 0 0;
-  background-image: var(--bg2-url);
-  background-repeat: repeat-y;
-  background-position: top center;
-  background-size: 100% auto;
-  z-index: 0; /* 确保在.bg之下 */
-}
-
-.valueBg {
-  background-image: var(--value-bg-url);
-  background-size: auto 100%;
-  background-repeat: no-repeat;
-  background-position: center center;
-  position: relative;
-}
-
-.timeText {
-  color: #fff;
-  font-weight: 590;
-  font-size: 2em;
-}
-
-.timeGap {
-  width: 6px;
-  align-self: stretch;
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.ranking-bg {
-  background-color: linear-gradient(180deg, #7c0101 0%, #400000 100%), #d9d9d9;
-  background-image: var(--ranking-bg-url);
-  background-size: 100% auto;
-  background-repeat: no-repeat;
-
-  position: absolute;
-  inset: 31vw 4vw 5vw;
-  z-index: 1;
-}
-
-.btTitle {
-  color: #fff;
-  font-weight: 700;
-}
-
-.topTitle {
-  font-size: 1.5em;
-}
-
-.history-name {
-  font-size: 0.8em;
-}
-
-.history-time {
-  font-size: 0.8em;
-}
-
-.UserNickname {
-  font-size: 0.8em;
-}
-
-.timeBox {
-  display: flex;
-  justify-content: center;
-}
-
-/* 添加加载动画样式 */
-.loading-container {
-  width: 100vw;
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  color: #666;
-}
-
-.loading-spinner {
-  width: 32px;
-  height: 32px;
-  border: 3px solid #f3f3f3;
-  border-top: 3px solid #f59e0b;
-  border-radius: 50%;
-  animation: spin 1s linear infinite;
-  margin-bottom: 12px;
-}
-
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-@media screen and (max-width: 360px) {
-  * {
-    font-size: 10px;
-  }
-}
-
-@media screen and (min-width: 360px) {
-  * {
-    font-size: 12px;
-  }
-}
-
-@media screen and (min-width: 768px) {
-  * {
-    font-size: 24px;
-  }
-}
-
-@media screen and (min-width: 1024px) {
-  * {
-    font-size: 32px;
-  }
-}
-
-[dir='rtl'] .timeBox {
-  flex-direction: row-reverse;
-}
-
-[dir='rtl'] .flipImg {
-  transform: scaleX(-1);
-}
-</style>