From 7b7902bba69de54a6d6abb2db3e54c371a0669c3 Mon Sep 17 00:00:00 2001
From: zheng020 <zheng02007@163.com>
Date: Wed, 10 Jun 2026 17:24:08 +0800
Subject: [PATCH] perf(stargalaxy): inline displayRank/frameSrc into template,
 drop computed

---
 .../square/components/StarGalaxy/PodiumCard.vue   | 15 ++-------------
 1 file changed, 2 insertions(+), 13 deletions(-)

diff --git a/frontend/pages/square/components/StarGalaxy/PodiumCard.vue b/frontend/pages/square/components/StarGalaxy/PodiumCard.vue
index ab46023..e555fad 100644
--- a/frontend/pages/square/components/StarGalaxy/PodiumCard.vue
+++ b/frontend/pages/square/components/StarGalaxy/PodiumCard.vue
@@ -5,7 +5,7 @@
     @click="handleClick"
   >
     <!-- 相框（最底层） -->
-    <image class="podium-frame" :src="frameSrc" mode="aspectFit" />
+    <image class="podium-frame" :src="`/static/square/galaxy/LV${rank - 3}.png`" mode="aspectFit" />
 
     <!-- 藏品主图（不规则圆角） -->
     <view class="cover-wrap">
@@ -17,13 +17,11 @@
     </view>
 
     <!-- TOP N 标签（cover 下方居中） -->
-    <view class="top-label" :style="labelStyle">TOP {{ displayRank }}</view>
+    <view class="top-label" :style="labelStyle">TOP {{ rank - 3 }}</view>
   </view>
 </template>
 
 <script setup>
-import { computed } from "vue";
-
 const props = defineProps({
   item: { type: Object, required: true },
   rank: { type: Number, required: true, validator: (v) => v >= 4 && v <= 6 },
@@ -31,15 +29,6 @@ const props = defineProps({
 
 const emit = defineEmits(["cardClick"]);
 
-// 内部 rank 4/5/6 对外显示 1/2/3（颁奖台：TOP 1/2/3）
-const displayRank = computed(() => props.rank - 3);
-
-// 相框图片源：rank 4 → LV1, rank 5 → LV2, rank 6 → LV3
-const frameSrc = computed(() => {
-  const lvNumber = props.rank - 3;
-  return `/static/square/galaxy/LV${lvNumber}.png`;
-});
-
 // 不同 rank 的标签渐变
 const labelGradients = {
   4: "radial-gradient(ellipse, #FFD700, #FFF6A8 30%, #DAA520 100%)", // 金