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

feat(badges): zibll-style badge modal with category grid, detail view, and wear UX

Browse Source
This commit is contained in:
kate522 committed 2026-08-04 12:46:44 +08:00
1 parent 4849869289
commit ed19937e99
9 files changed
+904 -246
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

inc/helpers/user-center-renderers/profile-header.php
+17 -5
View File
@@ -108,13 +108,25 @@ extract($context, EXTR_SKIP); // phpcs:ignore WordPress.PHP.DontExtract.extract_
</div>
<?php if (class_exists('\AKSRT\User\Badges') && \AKSRT\User\Badges::enabled()) : ?>
<div class="uc-modal" id="aksrt-badges-modal" hidden data-aksrt-badges-modal data-user-id="<?php echo (int) $user_id; ?>" data-can-wear="1">
<div class="uc-modal uc-badges-modal" id="aksrt-badges-modal" hidden data-aksrt-badges-modal data-user-id="<?php echo (int) $user_id; ?>" data-can-wear="1" data-medal-bg="<?php echo esc_url(get_template_directory_uri() . '/assets/img/medal/medal-background.svg'); ?>">
<div class="uc-modal__overlay" data-aksrt-badges-close></div>
<div class="uc-modal__dialog" role="dialog" aria-modal="true" aria-label="<?php esc_attr_e('我的徽章', 'aksrt'); ?>">
<div class="uc-modal__dialog uc-badges-dialog" role="dialog" aria-modal="true" aria-label="<?php esc_attr_e('我的徽章', 'aksrt'); ?>">
<button type="button" class="uc-modal__close" data-aksrt-badges-close aria-label="<?php esc_attr_e('关闭', 'aksrt'); ?>"><i class="fas fa-times" aria-hidden="true"></i></button>
<h3 class="uc-modal__title"><i class="fas fa-award mr6" aria-hidden="true"></i><?php esc_html_e('我的徽章', 'aksrt'); ?></h3>
<div class="uc-badges-list" data-aksrt-badges-body>
<div class="muted-2-color em09"><?php esc_html_e('加载中…', 'aksrt'); ?></div>
<div class="uc-badges-view" data-aksrt-badges-view="grid">
<div class="uc-badges-head">
<span class="uc-badges-head__icon" aria-hidden="true"><i class="fas fa-award"></i></span>
<div class="uc-badges-head__title">
<?php esc_html_e('我的徽章', 'aksrt'); ?>
<span class="uc-badges-head__count" data-aksrt-badges-count></span>
</div>
<div class="uc-badges-head__wear" data-aksrt-badges-wear-slot></div>
</div>
<div class="uc-badges-body mini-scrollbar" data-aksrt-badges-body>
<div class="uc-badges-loading muted-2-color em09"><i class="fas fa-spinner fa-spin" aria-hidden="true"></i> <?php esc_html_e('加载中…', 'aksrt'); ?></div>
</div>
</div>
<div class="uc-badges-view uc-badges-view--detail" data-aksrt-badges-view="detail" hidden>
<div class="uc-badges-detail" data-aksrt-badges-detail></div>
</div>
</div>
</div>