上一提交把两种身份的卡片样式合并为同一套后, :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:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user