kate522/wordpress-theme-aksrt
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(comments): match avatar identity layout

Browse Source
This commit is contained in:
kate522 committed 2026-09-27 00:37:00 +08:00
1 parent 47bf9c8f0b
commit 26ac8167f3
14 files changed
+51 -176
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/css/build/public.css
+1 -46
View File
@@ -2598,7 +2598,6 @@ main.container,
* All compact identity marks share one line-height baseline: VIP, level, * All compact identity marks share one line-height baseline: VIP, level,
* certification, and worn medals remain visually aligned in every surface. * certification, and worn medals remain visually aligned in every surface.
*/ */
.aksrt-vip-badge,
.aksrt-user-level-badge, .aksrt-user-level-badge,
.aksrt-user-level-icon, .aksrt-user-level-icon,
.aksrt-identity-medal, .aksrt-identity-medal,
@@ -2615,17 +2614,6 @@ main.container,
flex: 0 0 auto; flex: 0 0 auto;
box-sizing: border-box; box-sizing: border-box;
} }
.aksrt-vip-badge__icon {
display: block;
width: auto;
height: 1.1em;
max-width: 6em;
object-fit: contain;
}
.aksrt-vip-badge > i {
font-size: .9em;
line-height: 1;
}
.aksrt-user-level-badge { .aksrt-user-level-badge {
padding: 0 .35em; padding: 0 .35em;
font-size: .78em; font-size: .78em;
@@ -2639,11 +2627,6 @@ main.container,
height: 1em; height: 1em;
vertical-align: -.12em; vertical-align: -.12em;
} }
.aksrt-vip-badge--sm {
height: 1.1em;
padding: 0;
font-size: inherit;
}
/* No-wrap inline name rows — keep the level icon on the same line as the name. /* No-wrap inline name rows — keep the level icon on the same line as the name.
* The non-standard <name> element (legacy compat) plus .user-name / author-hero / * The non-standard <name> element (legacy compat) plus .user-name / author-hero /
@@ -2913,7 +2896,7 @@ main.container,
white-space: nowrap; white-space: nowrap;
} }
.aksrt-header-userbox .user-right .aksrt-vip-badge, .aksrt-header-userbox .user-right .img-icon,
.aksrt-header-userbox .user-right .aksrt-user-level-icon, .aksrt-header-userbox .user-right .aksrt-user-level-icon,
.aksrt-header-userbox .user-right .aksrt-identity-medal, .aksrt-header-userbox .user-right .aksrt-identity-medal,
.aksrt-header-userbox .user-right .aksrt-header-user-medal, .aksrt-header-userbox .user-right .aksrt-header-user-medal,
@@ -5915,34 +5898,6 @@ body.aksrt-body-scroll .aksrt-show-on-scroll {
transition: transform 0.1s linear; transition: transform 0.1s linear;
} }
/* ============================================================
* 18. VIP 等级标识
* ============================================================ */
.aksrt-vip-badge {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 2px 8px;
border-radius: var(--radius-pill, 999px);
font-size: 11px;
font-weight: 600;
}
.aksrt-vip-badge--gold {
background: linear-gradient(135deg, #FFD700, #FFA500);
color: #fff;
}
.aksrt-vip-badge--silver {
background: linear-gradient(135deg, #C0C0C0, #A8A8A8);
color: #fff;
}
.aksrt-vip-badge--bronze {
background: linear-gradient(135deg, #CD7F32, #A0522D);
color: #fff;
}
/* ============================================================ /* ============================================================
* 20. 用户等级进度条 * 20. 用户等级进度条
* ============================================================ */ * ============================================================ */
assets/css/build/public.min.css
Vendored
+1 -1
View File
@@ -1 +1 @@
:root{--color-primary: #f04494;--color-primary-hover: #e0307e;--color-primary-active: #c9206d;--color-primary-soft: rgba(240, 68, 148, .1);--color-primary-softer: rgba(240, 68, 148, .05);--color-on-primary: #FFFFFF;--color-ink: #333333;--color-ink-2: #4e5358;--color-ink-3: #777777;--color-ink-4: #999999;--surface-page: #f5f6f7;--surface-1: #FFFFFF;--surface-2: #eeeeee;--surface-3: #e9ecef;--surface-4: #f8f8f8;--color-line: rgba(50, 50, 50, .06);--color-line-soft: rgba(0, 0, 0, .03);--color-line-stronger: rgba(50, 50, 50, .12);--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-accent: #18a058;--color-accent-soft: rgba(24, 160, 88, .12);--color-accent-shadow: rgba(24, 160, 88, .28);--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: .875rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 3.75rem;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--radius-xs: 3px;--radius-sm: 4px;--radius: 8px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-pill: 100px;--radius-avatar: 50%;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .03);--shadow-sm: 0 0 10px rgba(116, 116, 116, .08);--shadow: 0 0 10px rgba(116, 116, 116, .12);--shadow-lg: 0 12px 32px rgba(18, 18, 18, .1);--shadow-drawer: 0 18px 60px rgba(0, 0, 0, .2);--nav-height: 60px;--container: 1200px;--container-wide: 1440px;--container-read: 760px;--container-page: 880px;--sidebar-width: 311px;--content-gap: 24px;--section-gap: 24px;--sidebar-bp: 992px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur: .25s;--dur-slow: .4s;--focus-ring: 0 0 2px 3px rgba(253, 83, 161, .4);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-overlay: 400;--z-modal: 500;--z-popover: 600;--z-toast: 700;--z-tooltip: 800;--radius-btn: 4px;--btn-sm-h: 28px;--btn-md-h: 34px;--btn-lg-h: 44px;--card-padding: 15px;--card-padding-sm: 10px;--card-gap: 16px;--card-gap-lg: 20px;--skeleton-base: var(--surface-2);--skeleton-shine: var(--surface-1);--color-primary-light: var(--color-primary-soft);--color-surface: var(--surface-1);--color-line-strong: var(--color-line);--color-bg-hover: var(--surface-2);--color-border-light: var(--color-line-soft);--color-fill: var(--surface-2);--color-warning-bg: #fffbe6;--color-warning-text: #ad6800;--text-secondary: var(--color-ink-3);--text-tertiary: var(--color-ink-4);--surface-active: var(--surface-2);--surface-card: var(--surface-1);--surface-hover: var(--surface-2);--surface-secondary: var(--surface-2);--radius-code: var(--radius);--radius-full: 100px;--shadow-xl: 0 0 10px rgba(116, 116, 116, .12);--space-16: 64px;--z-floating: 900;--transition-fast: .15s ease;--transition-base: .25s ease;--header-bg: var(--blur-bg);--header-color: var(--color-ink-2);--footer-bg: var(--surface-1);--footer-color: var(--color-ink-4);--blur-bg: rgba(255, 255, 255, .8);--float-btn-bg: rgba(200, 200, 200, .4);--font-heading: var(--font-ui);--radius-card: var(--radius);--radius-md: var(--radius);--color-primary-50: var(--color-primary-soft);--color-primary-dark: var(--color-primary-active);--shadow-md: var(--shadow);--mini-radius: calc(var(--radius) / 1.4);--aksrt-avatar-size-xs: 24px;--aksrt-avatar-size-sm: 32px;--aksrt-avatar-size: 40px;--aksrt-avatar-size-lg: 56px;--aksrt-avatar-size-xl: 80px;--aksrt-card-thumb-scale: 56.25%;--aksrt-rose: #f43f5e;--aksrt-rose-soft: rgba(244, 63, 94, .12);--aksrt-blue: #3b82f6;--aksrt-blue-soft: rgba(59, 130, 246, .12);--aksrt-green: #10b981;--aksrt-green-soft: rgba(16, 185, 129, .12);--aksrt-orange: #f97316;--aksrt-orange-soft:rgba(249, 115, 22, .12);--aksrt-purple: #8b5cf6;--aksrt-purple-soft:rgba(139, 92, 246, .12);--aksrt-cyan: #06b6d4;--aksrt-cyan-soft: rgba(6, 182, 212, .12);--aksrt-yellow: #eab308;--aksrt-yellow-soft:rgba(234, 179, 8, .12);--aksrt-red: #ef4444;--aksrt-red-soft: rgba(239, 68, 68, .12);--aksrt-teal: #14b8a6;--aksrt-teal-soft: rgba(20, 184, 166, .12);--aksrt-indigo: #6366f1;--aksrt-indigo-soft:rgba(99, 102, 241, .12);--aksrt-pink: #ec4899;--aksrt-pink-soft: rgba(236, 72, 153, .12);--aksrt-vip-gold-1: #f6d365;--aksrt-vip-gold-2: #fda085;--akLine truncated :root{--color-primary: #f04494;--color-primary-hover: #e0307e;--color-primary-active: #c9206d;--color-primary-soft: rgba(240, 68, 148, .1);--color-primary-softer: rgba(240, 68, 148, .05);--color-on-primary: #FFFFFF;--color-ink: #333333;--color-ink-2: #4e5358;--color-ink-3: #777777;--color-ink-4: #999999;--surface-page: #f5f6f7;--surface-1: #FFFFFF;--surface-2: #eeeeee;--surface-3: #e9ecef;--surface-4: #f8f8f8;--color-line: rgba(50, 50, 50, .06);--color-line-soft: rgba(0, 0, 0, .03);--color-line-stronger: rgba(50, 50, 50, .12);--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-accent: #18a058;--color-accent-soft: rgba(24, 160, 88, .12);--color-accent-shadow: rgba(24, 160, 88, .28);--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: .875rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 3.75rem;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--radius-xs: 3px;--radius-sm: 4px;--radius: 8px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-pill: 100px;--radius-avatar: 50%;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .03);--shadow-sm: 0 0 10px rgba(116, 116, 116, .08);--shadow: 0 0 10px rgba(116, 116, 116, .12);--shadow-lg: 0 12px 32px rgba(18, 18, 18, .1);--shadow-drawer: 0 18px 60px rgba(0, 0, 0, .2);--nav-height: 60px;--container: 1200px;--container-wide: 1440px;--container-read: 760px;--container-page: 880px;--sidebar-width: 311px;--content-gap: 24px;--section-gap: 24px;--sidebar-bp: 992px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur: .25s;--dur-slow: .4s;--focus-ring: 0 0 2px 3px rgba(253, 83, 161, .4);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-overlay: 400;--z-modal: 500;--z-popover: 600;--z-toast: 700;--z-tooltip: 800;--radius-btn: 4px;--btn-sm-h: 28px;--btn-md-h: 34px;--btn-lg-h: 44px;--card-padding: 15px;--card-padding-sm: 10px;--card-gap: 16px;--card-gap-lg: 20px;--skeleton-base: var(--surface-2);--skeleton-shine: var(--surface-1);--color-primary-light: var(--color-primary-soft);--color-surface: var(--surface-1);--color-line-strong: var(--color-line);--color-bg-hover: var(--surface-2);--color-border-light: var(--color-line-soft);--color-fill: var(--surface-2);--color-warning-bg: #fffbe6;--color-warning-text: #ad6800;--text-secondary: var(--color-ink-3);--text-tertiary: var(--color-ink-4);--surface-active: var(--surface-2);--surface-card: var(--surface-1);--surface-hover: var(--surface-2);--surface-secondary: var(--surface-2);--radius-code: var(--radius);--radius-full: 100px;--shadow-xl: 0 0 10px rgba(116, 116, 116, .12);--space-16: 64px;--z-floating: 900;--transition-fast: .15s ease;--transition-base: .25s ease;--header-bg: var(--blur-bg);--header-color: var(--color-ink-2);--footer-bg: var(--surface-1);--footer-color: var(--color-ink-4);--blur-bg: rgba(255, 255, 255, .8);--float-btn-bg: rgba(200, 200, 200, .4);--font-heading: var(--font-ui);--radius-card: var(--radius);--radius-md: var(--radius);--color-primary-50: var(--color-primary-soft);--color-primary-dark: var(--color-primary-active);--shadow-md: var(--shadow);--mini-radius: calc(var(--radius) / 1.4);--aksrt-avatar-size-xs: 24px;--aksrt-avatar-size-sm: 32px;--aksrt-avatar-size: 40px;--aksrt-avatar-size-lg: 56px;--aksrt-avatar-size-xl: 80px;--aksrt-card-thumb-scale: 56.25%;--aksrt-rose: #f43f5e;--aksrt-rose-soft: rgba(244, 63, 94, .12);--aksrt-blue: #3b82f6;--aksrt-blue-soft: rgba(59, 130, 246, .12);--aksrt-green: #10b981;--aksrt-green-soft: rgba(16, 185, 129, .12);--aksrt-orange: #f97316;--aksrt-orange-soft:rgba(249, 115, 22, .12);--aksrt-purple: #8b5cf6;--aksrt-purple-soft:rgba(139, 92, 246, .12);--aksrt-cyan: #06b6d4;--aksrt-cyan-soft: rgba(6, 182, 212, .12);--aksrt-yellow: #eab308;--aksrt-yellow-soft:rgba(234, 179, 8, .12);--aksrt-red: #ef4444;--aksrt-red-soft: rgba(239, 68, 68, .12);--aksrt-teal: #14b8a6;--aksrt-teal-soft: rgba(20, 184, 166, .12);--aksrt-indigo: #6366f1;--aksrt-indigo-soft:rgba(99, 102, 241, .12);--aksrt-pink: #ec4899;--aksrt-pink-soft: rgba(236, 72, 153, .12);--aksrt-vip-gold-1: #f6d365;--aksrt-vip-gold-2: #fda085;--akLine truncated
assets/css/frontend/base.css
-17
View File
@@ -195,7 +195,6 @@ main.container,
* All compact identity marks share one line-height baseline: VIP, level, * All compact identity marks share one line-height baseline: VIP, level,
* certification, and worn medals remain visually aligned in every surface. * certification, and worn medals remain visually aligned in every surface.
*/ */
.aksrt-vip-badge,
.aksrt-user-level-badge, .aksrt-user-level-badge,
.aksrt-user-level-icon, .aksrt-user-level-icon,
.aksrt-identity-medal, .aksrt-identity-medal,
@@ -212,17 +211,6 @@ main.container,
flex: 0 0 auto; flex: 0 0 auto;
box-sizing: border-box; box-sizing: border-box;
} }
.aksrt-vip-badge__icon {
display: block;
width: auto;
height: 1.1em;
max-width: 6em;
object-fit: contain;
}
.aksrt-vip-badge > i {
font-size: .9em;
line-height: 1;
}
.aksrt-user-level-badge { .aksrt-user-level-badge {
padding: 0 .35em; padding: 0 .35em;
font-size: .78em; font-size: .78em;
@@ -236,11 +224,6 @@ main.container,
height: 1em; height: 1em;
vertical-align: -.12em; vertical-align: -.12em;
} }
.aksrt-vip-badge--sm {
height: 1.1em;
padding: 0;
font-size: inherit;
}
/* No-wrap inline name rows — keep the level icon on the same line as the name. /* No-wrap inline name rows — keep the level icon on the same line as the name.
* The non-standard <name> element (legacy compat) plus .user-name / author-hero / * The non-standard <name> element (legacy compat) plus .user-name / author-hero /
assets/css/frontend/credits.css
+2 -38
View File
@@ -282,47 +282,11 @@
color: #fff; color: #fff;
} }
/* ============ VIP 徽标 ============ */ /* Configured paid-content tier icons. */
.aksrt-vip-badge { .aksrt-vip-level-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
height: 1.1em;
padding: 0;
border-radius: 0;
font: inherit;
line-height: 1;
background: transparent;
color: inherit;
vertical-align: -.15em;
}
.aksrt-vip-level-icon,
.aksrt-vip-badge__icon {
display: block; display: block;
width: auto; width: auto;
height: 1.1em; height: 1.1em;
max-width: 6em; max-width: 6em;
object-fit: contain; object-fit: contain;
} }
.aksrt-vip-badge i {
font-size: .9em;
line-height: 1;
}
.aksrt-vip-badge--sm {
height: 1.1em;
padding: 0;
font-size: inherit;
}
.aksrt-vip-badge--lg {
padding: 4px 12px;
font-size: 13px;
}
.aksrt-vip-badge--lg i {
font-size: 12px;
}
assets/css/frontend/enhancements/components/custom-amount.css
-28
View File
@@ -355,34 +355,6 @@
transition: transform 0.1s linear; transition: transform 0.1s linear;
} }
/* ============================================================
* 18. VIP 等级标识
* ============================================================ */
.aksrt-vip-badge {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 2px 8px;
border-radius: var(--radius-pill, 999px);
font-size: 11px;
font-weight: 600;
}
.aksrt-vip-badge--gold {
background: linear-gradient(135deg, #FFD700, #FFA500);
color: #fff;
}
.aksrt-vip-badge--silver {
background: linear-gradient(135deg, #C0C0C0, #A8A8A8);
color: #fff;
}
.aksrt-vip-badge--bronze {
background: linear-gradient(135deg, #CD7F32, #A0522D);
color: #fff;
}
/* ============================================================ /* ============================================================
* 20. 用户等级进度条 * 20. 用户等级进度条
* ============================================================ */ * ============================================================ */
assets/css/frontend/header-userbox.css
+1 -1
View File
@@ -202,7 +202,7 @@
white-space: nowrap; white-space: nowrap;
} }
.aksrt-header-userbox .user-right .aksrt-vip-badge, .aksrt-header-userbox .user-right .img-icon,
.aksrt-header-userbox .user-right .aksrt-user-level-icon, .aksrt-header-userbox .user-right .aksrt-user-level-icon,
.aksrt-header-userbox .user-right .aksrt-identity-medal, .aksrt-header-userbox .user-right .aksrt-identity-medal,
.aksrt-header-userbox .user-right .aksrt-header-user-medal, .aksrt-header-userbox .user-right .aksrt-header-user-medal,
assets/css/frontend/single-post/cover.css
+2 -6
View File
@@ -137,7 +137,7 @@
.article-avatar name.flex > .display-name { .article-avatar name.flex > .display-name {
line-height: 1.1; line-height: 1.1;
} }
.article-avatar name.flex > .aksrt-vip-badge, .article-avatar name.flex > .img-icon,
.article-avatar name.flex > .aksrt-identity-certification-icon, .article-avatar name.flex > .aksrt-identity-certification-icon,
.article-avatar name.flex > .aksrt-identity-medal, .article-avatar name.flex > .aksrt-identity-medal,
.article-avatar name.flex > .aksrt-user-level-icon, .article-avatar name.flex > .aksrt-user-level-icon,
@@ -157,16 +157,12 @@
box-sizing: border-box; box-sizing: border-box;
flex: 0 0 auto; flex: 0 0 auto;
} }
.article-avatar name.flex > .aksrt-vip-badge__icon, .article-avatar name.flex > .img-icon,
.article-avatar name.flex > .aksrt-identity-certification-icon, .article-avatar name.flex > .aksrt-identity-certification-icon,
.article-avatar name.flex > .aksrt-identity-medal, .article-avatar name.flex > .aksrt-identity-medal,
.article-avatar name.flex > .aksrt-user-level-icon { .article-avatar name.flex > .aksrt-user-level-icon {
object-fit: contain; object-fit: contain;
} }
.article-avatar name.flex > .aksrt-vip-badge > i {
font-size: .9em;
line-height: 1;
}
.article-avatar name.flex > .aksrt-user-level-badge { .article-avatar name.flex > .aksrt-user-level-badge {
font-size: .78em; font-size: .78em;
white-space: nowrap; white-space: nowrap;
assets/css/routes/user-center/shell.css
+2 -2
View File
@@ -37,8 +37,8 @@
} }
/* VIP, level and worn-medal marks share the global identity baseline. */ /* VIP, level and worn-medal marks share the global identity baseline. */
.uc-header__name .aksrt-vip-badge__icon, .uc-header__name > .img-icon,
h1.uc-header__name .aksrt-vip-badge__icon, h1.uc-header__name > .img-icon,
.uc-header__name .medal-icon.img-icon, .uc-header__name .medal-icon.img-icon,
.uc-header__name .aksrt-identity-medal, .uc-header__name .aksrt-identity-medal,
h1.uc-header__name .medal-icon.img-icon, h1.uc-header__name .medal-icon.img-icon,
inc/helpers/aksrt-comments.php
+10 -10
View File
@@ -511,18 +511,18 @@ if (!function_exists('aksrt_comments_render_form')) :
<div class="comt-title text-center flex0 mr10"> <div class="comt-title text-center flex0 mr10">
<?php if ($is_logged_in && $current_user instanceof WP_User) : ?> <?php if ($is_logged_in && $current_user instanceof WP_User) : ?>
<div class="comt-avatar mb10"> <div class="comt-avatar mb10">
<?php echo get_avatar($current_user->ID, 60, '', '', ['class' => 'avatar']); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php echo aksrt_get_avatar_html($current_user->ID, 96, ['class' => 'avatar']); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- canonical avatar helper escapes output. ?>
</div> </div>
<p class="text-ellipsis muted-2-color"><?php echo function_exists('aksrt_render_vip_badge') ? aksrt_render_vip_badge($current_user->ID) : ''; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- vip 徽章内部已转义。 ?><?php echo esc_html($current_user->display_name); ?></p> <p class="text-ellipsis muted-2-color"><?php echo function_exists('aksrt_get_vip_icon') ? aksrt_get_vip_icon($current_user->ID, 'em12 mr3') : ''; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- VIP helper escapes output. ?><?php echo esc_html($current_user->display_name); ?></p>
<?php else : ?> <?php else : ?>
<div class="comt-avatar mb10"> <div class="comt-avatar mb10">
<?php echo get_avatar(0, 60, '', '', ['class' => 'avatar']); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php echo aksrt_get_avatar_html(0, 96, ['class' => 'avatar']); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- canonical avatar helper escapes output. ?>
</div> </div>
<p data-toggle-class="open" data-target="#comment-user-info" data-toggle="tooltip" title="<?php esc_attr_e('填写用户信息', 'aksrt'); ?>"> <p class="" data-toggle-class="open" data-target="#comment-user-info" data-toggle="tooltip" title="<?php esc_attr_e('填写用户信息', 'aksrt'); ?>">
<?php echo $comment_author !== '' ? esc_html($comment_author) : esc_html__('昵称', 'aksrt'); ?> <?php echo $comment_author !== '' ? esc_html($comment_author) : esc_html__('昵称', 'aksrt'); ?>
</p> </p>
<?php endif; ?> <?php endif; ?>
</div> </div>
<div class="comt-box grow1"> <div class="comt-box grow1">
<div class="action-text mb10 em09 muted-2-color" id="comment-reply-info" style="display:none;"></div> <div class="action-text mb10 em09 muted-2-color" id="comment-reply-info" style="display:none;"></div>
<textarea placeholder="<?php echo esc_attr($placeholder); ?>" autoheight="true" maxheight="188" class="form-control grin" name="comment" id="comment" cols="100%" rows="4" tabindex="1"></textarea> <textarea placeholder="<?php echo esc_attr($placeholder); ?>" autoheight="true" maxheight="188" class="form-control grin" name="comment" id="comment" cols="100%" rows="4" tabindex="1"></textarea>
inc/helpers/aksrt-identity.php
+4 -4
View File
@@ -68,8 +68,8 @@ if (!function_exists('aksrt_render_user_identity_chips')) {
'skip_level' => false, 'skip_level' => false,
]); ]);
$html = ''; $html = '';
if (!empty($args['include_vip']) && function_exists('aksrt_render_vip_badge')) { if (!empty($args['include_vip']) && function_exists('aksrt_get_vip_icon')) {
$vip = aksrt_render_vip_badge($user_id, 'sm'); $vip = aksrt_get_vip_icon($user_id);
if (is_string($vip) && $vip !== '') { if (is_string($vip) && $vip !== '') {
$html .= $vip; $html .= $vip;
} }
@@ -216,8 +216,8 @@ if (!function_exists('aksrt_get_user_name')) {
$vip_html = function_exists('aksrt_get_user_ban_name_badge') $vip_html = function_exists('aksrt_get_user_ban_name_badge')
? aksrt_get_user_ban_name_badge($user_id) ? aksrt_get_user_ban_name_badge($user_id)
: ''; : '';
if ($vip_html === '' && function_exists('aksrt_render_vip_badge')) { if ($vip_html === '' && function_exists('aksrt_get_vip_icon')) {
$vip_html = (string) aksrt_render_vip_badge($user_id, 'sm'); $vip_html = (string) aksrt_get_vip_icon($user_id);
} }
} }
$name_class = trim('display-name text-ellipsis ' . (string) $args['name_class']); $name_class = trim('display-name text-ellipsis ' . (string) $args['name_class']);
inc/helpers/aksrt-vip.php
+17 -20
View File
@@ -342,32 +342,29 @@ if (!function_exists('aksrt_get_free_download_surplus')) {
/** /**
* 渲染 VIP 徽标 HTML * Render the configured VIP icon with the frontend identity-image contract.
* *
* @param int $user_id * @param int $user_id User ID.
* @param string $size sm | md | lg * @param string $class Additional image classes.
* @return string * @param bool $tooltip Whether to enable the tooltip trigger.
*/ */
function aksrt_render_vip_badge(int $user_id = 0, string $size = 'sm'): string { function aksrt_get_vip_icon(int $user_id = 0, string $class = 'em12 ml3', bool $tooltip = true): string {
if (!aksrt_is_vip($user_id)) { $level = aksrt_get_user_vip_level($user_id);
if ($level <= 0 || !class_exists('\AKSRT\Settings\Settings')) {
return ''; return '';
} }
$level = aksrt_get_user_vip_level($user_id); $vip_settings = \AKSRT\Settings\Settings::get_payment_vip_settings();
$badge_text = aksrt_get_vip_badge_text($user_id); $icon_url = esc_url((string) ($vip_settings['levels'][$level]['img_icon'] ?? ''));
$size_class = 'aksrt-vip-badge--' . $size; if ($icon_url === '') {
$level_class = $level >= 2 ? 'aksrt-vip-badge--vip2' : 'aksrt-vip-badge--vip1'; return '';
$icon_url = '';
if (class_exists('\AKSRT\Settings\Settings')) {
$vip_settings = \AKSRT\Settings\Settings::get_payment_vip_settings();
$icon_url = esc_url((string) ($vip_settings['levels'][$level]['img_icon'] ?? ''));
} }
$icon = $icon_url !== ''
? '<img' . aksrt_get_lazy_attr('lazy_other', $icon_url, 'aksrt-vip-badge__icon') . ' alt="" decoding="async">'
: '<i class="fa fas fa-certificate" aria-hidden="true"></i>';
return '<span class="aksrt-vip-badge aksrt-vip-badge--gold ' . esc_attr($size_class . ' ' . $level_class) . '" title="' . esc_attr($badge_text) . '">' . $icon . '</span>'; $name = sanitize_text_field((string) ($vip_settings['levels'][$level]['name'] ?? aksrt_get_vip_badge_text($user_id)));
$tooltip_attr = $tooltip ? ' data-toggle="tooltip"' : '';
return '<img' . aksrt_get_lazy_attr('lazy_other', $icon_url, trim('img-icon ' . $class), aksrt_get_lazy_thumb())
. $tooltip_attr . ' title="' . esc_attr($name) . '" alt="' . esc_attr($name) . '">';
} }
/** /**
@@ -403,7 +400,7 @@ function aksrt_get_vip_info(int $user_id = 0): array {
'is_vip' => $is_vip, 'is_vip' => $is_vip,
'level' => $level, 'level' => $level,
'badge_text' => $badge_text, 'badge_text' => $badge_text,
'badge_html' => $is_vip ? aksrt_render_vip_badge($user_id) : '', 'badge_html' => $is_vip ? aksrt_get_vip_icon($user_id) : '',
'name' => $name, 'name' => $name,
'expires' => $expires, 'expires' => $expires,
'expires_label' => $expires_label, 'expires_label' => $expires_label,
inc/helpers/header/aksrt-header-navbar.php
+1 -1
View File
@@ -142,7 +142,7 @@ if (!function_exists('aksrt_header_user_box_html')) :
$display_name = $user->display_name ?: $user->user_login; $display_name = $user->display_name ?: $user->user_login;
$avatar = aksrt_get_avatar_html($user_id, 44, ['alt' => $display_name]); $avatar = aksrt_get_avatar_html($user_id, 44, ['alt' => $display_name]);
$desc = (string) ($ctx['user_desc'] ?? ''); $desc = (string) ($ctx['user_desc'] ?? '');
$vip_badge = function_exists('aksrt_render_vip_badge') ? aksrt_render_vip_badge($user_id, 'sm') : ''; $vip_badge = function_exists('aksrt_get_vip_icon') ? aksrt_get_vip_icon($user_id) : '';
// Level and certification icons ride inline to the right of the display name. // Level and certification icons ride inline to the right of the display name.
$level_badge = (class_exists('\AKSRT\User\Level') && method_exists('\AKSRT\User\Level', 'get_badge_html')) $level_badge = (class_exists('\AKSRT\User\Level') && method_exists('\AKSRT\User\Level', 'get_badge_html'))
? \AKSRT\User\Level::get_badge_html($user_id, 'aksrt-user-level-icon--header') ? \AKSRT\User\Level::get_badge_html($user_id, 'aksrt-user-level-icon--header')
src/User/CreditsAdmin.php
+1 -1
View File
@@ -61,7 +61,7 @@ class CreditsAdmin {
if (function_exists('aksrt_get_user_vip_level')) { if (function_exists('aksrt_get_user_vip_level')) {
$lv = (int) aksrt_get_user_vip_level($user_id); $lv = (int) aksrt_get_user_vip_level($user_id);
if ($lv > 0) { if ($lv > 0) {
$bits[] = '<span class="aksrt-vip-badge">VIP' . esc_html((string) $lv) . '</span>'; $bits[] = '<strong>VIP' . esc_html((string) $lv) . '</strong>';
} }
} }
if (class_exists('\AKSRT\Payment\Revenue')) { if (class_exists('\AKSRT\Payment\Revenue')) {
tests/widget-system/comment-hard-cut-contract.test.cjs
+9 -1
View File
@@ -169,9 +169,17 @@ test('comment markup keeps the 1:1 legacy DOM contract', () => {
assert.ok(comments.includes('user_url_enabled'), 'guest url field toggle must be wired'); assert.ok(comments.includes('user_url_enabled'), 'guest url field toggle must be wired');
assert.ok(comments.includes("name=\"url\""), 'guest url input must render'); assert.ok(comments.includes("name=\"url\""), 'guest url input must render');
assert.ok(comments.includes("aksrt_get_comment_icon('signup', 'icon mr10')"), 'signarea signup must use the sprite icon'); assert.ok(comments.includes("aksrt_get_comment_icon('signup', 'icon mr10')"), 'signarea signup must use the sprite icon');
assert.ok(comments.includes('aksrt_render_vip_badge'), 'comt-title must render the vip badge (legacy: zibpay_get_vip_icon)'); assert.ok(comments.includes("aksrt_get_vip_icon($current_user->ID, 'em12 mr3')"), 'comt-title must render the direct VIP image with reference-theme spacing');
assert.ok(comments.includes("aksrt_get_avatar_html($current_user->ID, 96, ['class' => 'avatar'])"), 'logged-in avatar must use the canonical avatar helper at the reference source size');
assert.ok(comments.includes("aksrt_get_avatar_html(0, 96, ['class' => 'avatar'])"), 'guest avatar must use the canonical default-avatar helper');
assert.equal(comments.includes('aksrt_render_vip_badge'), false, 'legacy VIP wrapper helper must not remain in the comment form');
assert.equal(comments.includes('aksrt_render_user_identity_chips'), false, 'identity chips must not crowd the narrow comt-title'); assert.equal(comments.includes('aksrt_render_user_identity_chips'), false, 'identity chips must not crowd the narrow comt-title');
const vip = read('inc/helpers/aksrt-vip.php');
assert.ok(vip.includes("trim('img-icon ' . $class)"), 'VIP helper must emit the reference img-icon contract');
assert.equal(vip.includes('function aksrt_render_vip_badge'), false, 'legacy wrapped VIP helper must be removed');
assert.equal(vip.includes('<span class="aksrt-vip-badge'), false, 'VIP helper must not add a badge wrapper');
const formParts = read('inc/helpers/comments/form-parts.php'); const formParts = read('inc/helpers/comments/form-parts.php');
assert.ok(formParts.includes("case 'link':"), 'link dropdown case must exist'); assert.ok(formParts.includes("case 'link':"), 'link dropdown case must exist');
assert.equal(formParts.includes("case 'quick':"), false, 'quick case must be gone'); assert.equal(formParts.includes("case 'quick':"), false, 'quick case must be gone');