清理会员卡的 is-vip / is-free 空壳类
ci/woodpecker/tag/build Pipeline was successful

上一提交把两种身份的卡片样式合并为同一套后,
:class="isVip ? 'is-vip' : 'is-free'" 已无任何样式差异,
三个选择器(.member-card / .is-vip / .is-free)指向同一份声明,
属于纯冗余。

改动:
- 模板移除该动态 class
- 浅色样式块精简为单个 .member-card 选择器
- 暗色块同理,只保留 html.dark .member-card

已重新截图确认渲染与清理前完全一致,删除的确为死代码。
npm run build 与 vue-tsc 均通过。
This commit is contained in:
becomer
2026-10-21 17:13:31 +08:00
parent 48c3948c56
commit fd214d06eb
+4 -9
View File
@@ -473,7 +473,7 @@ async function handleRedeemInvite() {
中线(切入比例 50%,与中线差值 0px)。头图的 pb 只影响上方留白,
不影响对齐(pb-14/pb-16 实测均对齐),故保留 pb-16。 -->
<div class="relative px-4 -mt-11 rise-in" style="animation-delay: 40ms">
<div class="member-card relative overflow-hidden hero-clip rounded-3xl px-4 py-3 shadow-xl" :class="isVip ? 'is-vip' : 'is-free'">
<div class="member-card relative overflow-hidden hero-clip rounded-3xl px-4 py-3 shadow-xl">
<div class="pointer-events-none absolute -right-8 -top-10 w-36 h-36 rounded-full member-card-glow" />
<div class="relative flex items-center gap-3">
<!-- 头像(原顶部头图内容整合至此处) -->
@@ -1010,9 +1010,7 @@ async function handleRedeemInvite() {
/* 会员卡:统一为 VIP 专属黑金色(普通用户与 VIP 同一套质感,
区别只在文案与角标;固定色,亮暗主题下表现一致) */
.member-card,
.member-card.is-vip,
.member-card.is-free {
.member-card {
background: linear-gradient(135deg, #2b2418 0%, #1b1710 60%, #2d2516 100%);
border: 1px solid rgb(246 196 69 / 0.35);
}
@@ -1147,11 +1145,8 @@ async function handleRedeemInvite() {
<style>
/* 暗色覆盖:非 scoped(scoped 中 :global(.dark) .x 会编译成仅 .dark 而失效);html.dark 提高优先级压过 .x[data-v] */
/* 会员卡暗色:两种身份统一为黑金,仅微调边框透明度;
原先 is-free 的墨绿覆盖已移除,避免破坏统一的金色质感 */
html.dark .member-card,
html.dark .member-card.is-vip,
html.dark .member-card.is-free { border-color: rgb(246 196 69 / 0.28); }
/* 会员卡暗色:仅微调边框透明度(卡片本身已是黑金,暗色下无需换底色) */
html.dark .member-card { border-color: rgb(246 196 69 / 0.28); }
html.dark .invite-card {
background: linear-gradient(135deg, #262040 0%, #211b38 100%);
border-color: rgb(185 165 255 / 0.16);