xiaoyu/topfans
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf(stargalaxy): inline displayRank/frameSrc into template, drop computed

Browse Source
This commit is contained in:
zheng020 2026-06-10 17:24:08 +08:00
parent 617bb201dc
commit 7b7902bba6
1 changed files with 2 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/pages/square/components/StarGalaxy/PodiumCard.vue
View File

@ -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%)", // 金