diff --git a/frontend/pages/square/components/StarGalaxy/PodiumCard.vue b/frontend/pages/square/components/StarGalaxy/PodiumCard.vue index 23cfb0c..ab46023 100644 --- a/frontend/pages/square/components/StarGalaxy/PodiumCard.vue +++ b/frontend/pages/square/components/StarGalaxy/PodiumCard.vue @@ -2,7 +2,6 @@ @@ -32,26 +31,6 @@ const props = defineProps({ const emit = defineEmits(["cardClick"]); -// 颁奖台 3 个位置的尺寸和位置(与 ScatteredRanks 的 rpx 单位对齐) -const PODIUM_SIZES = { - 4: { width: 240, height: 260 }, // TOP 1 - 5: { width: 200, height: 200 }, // TOP 2 - 6: { width: 192, height: 192 }, // TOP 3 -}; -const PODIUM_POSITIONS = { - 4: { - position: "absolute", - top: "400rpx", - left: "50%", - transform: "translateX(-50%)", - }, - 5: { position: "absolute", top: "120rpx", left: "60rpx" }, - 6: { position: "absolute", top: "150rpx", right: "60rpx" }, -}; - -const internalSize = computed(() => PODIUM_SIZES[props.rank]); -const internalPosition = computed(() => PODIUM_POSITIONS[props.rank]); - // 内部 rank 4/5/6 对外显示 1/2/3(颁奖台:TOP 1/2/3) const displayRank = computed(() => props.rank - 3); @@ -74,11 +53,6 @@ const labelSizes = { 6: { w: 78, h: 18, font: 11 }, }; -const cardStyle = computed(() => ({ - width: internalSize.value.width + "rpx", - height: internalSize.value.height + "rpx", -})); - const labelStyle = { width: labelSizes[props.rank].w + "rpx", height: labelSizes[props.rank].h + "rpx", @@ -93,12 +67,37 @@ function handleClick() {