-
-
-
-
+
+
+
+
+
+
+ ![]()
+
+
+
- ![]()
![]()
- ![]()
-
+ ![]()
+
+ ![]()
+ ![]()
+
-
+
+
-
-
-
+
-
-
-
-
-
+
+
+
+
-
+ function byId(id) {
+ return document.getElementById(id);
+ }
+ function track() {
+ return tracks[state.track] ? state.track : 'charm';
+ }
+ function fmt(n) {
+ return Number(n || 0).toLocaleString('en-US');
+ }
+ function ratio(d) {
+ var o = d && d.overview ? d.overview : {};
+ var cur = Number(o.current_level_required_value || 0);
+ var next = Number(o.next_level_required_value || 0);
+ var total = Number(o.total_value || 0);
+ if (!d || !d.overview) return 0;
+ if (next <= cur) return total >= cur && cur > 0 ? 1 : 0;
+ return Math.max(
+ 0,
+ Math.min(1, (total - cur) / (next - cur))
+ );
+ }
+ function profileFromOverview(current) {
+ var user = current && current.user;
+ return (user && (user.profile || user.user || user)) || {};
+ }
+ function profileAvatar(profile) {
+ return String(
+ (profile &&
+ (profile.avatar ||
+ profile.user_avatar ||
+ profile.userAvatar ||
+ profile.avatar_url ||
+ profile.avatarUrl ||
+ profile.profile_avatar ||
+ profile.profileAvatar)) ||
+ ''
+ );
+ }
+ function applyUserProfile(current) {
+ state.userAvatar = profileAvatar(
+ profileFromOverview(current)
+ );
+ render();
+ }
+ function setAvatarSource(src, fallback) {
+ var avatar = byId('avatar');
+ if (!avatar) return;
+ var fallbackSrc = fallback || '';
+ var nextSrc = src || fallbackSrc;
+ avatar.onerror = function () {
+ if (
+ fallbackSrc &&
+ avatar.getAttribute('src') !== fallbackSrc
+ ) {
+ avatar.src = fallbackSrc;
+ }
+ };
+ if (avatar.getAttribute('src') !== nextSrc)
+ avatar.src = nextSrc;
+ }
+ function resizeApp() {
+ var scale = Math.min(window.innerWidth / 375, 1.25);
+ var viewportHeight = Math.max(
+ 1,
+ window.innerHeight / scale
+ );
+ document.documentElement.style.setProperty(
+ '--app-scale',
+ String(scale)
+ );
+ // 页面自身承接滚动，标题和 Tab 才能在 WebView 可视区内真正 sticky；
+ // 不再让整个 826px 设计稿随 document 滚动而把顶部导航带走。
+ byId('appViewport').style.height = viewportHeight + 'px';
+ byId('page').style.height = viewportHeight + 'px';
+ document.body.style.minHeight = window.innerHeight + 'px';
+ }
+ function syncLoading() {
+ var overlay = byId('loadingOverlay');
+ overlay.classList.toggle('active', state.loading);
+ overlay.setAttribute(
+ 'aria-hidden',
+ state.loading ? 'false' : 'true'
+ );
+ }
+ function showToast(message) {
+ var toast = byId('toast');
+ toast.textContent = message;
+ toast.classList.add('show');
+ window.clearTimeout(state.toastTimer);
+ state.toastTimer = window.setTimeout(function () {
+ toast.classList.remove('show');
+ }, 1800);
+ }
+ function readField(source, snakeKey, camelKey) {
+ if (!source) return null;
+ return source[snakeKey] != null
+ ? source[snakeKey]
+ : source[camelKey];
+ }
+ function staticImageURL(resource) {
+ var candidates = [
+ readField(resource, 'preview_url', 'previewUrl'),
+ readField(resource, 'asset_url', 'assetUrl'),
+ readField(resource, 'animation_url', 'animationUrl'),
+ ];
+ for (var i = 0; i < candidates.length; i += 1) {
+ var url = String(candidates[i] || '').trim();
+ // 等级表使用 img 展示静态封面；SVGA/PAG/MP4 主资产不能直接塞入 img，必须等待后端下发 preview_url。
+ if (
+ /^(https?:\/\/|\/|\.\.\/|\.\/)/i.test(url) &&
+ /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i.test(url)
+ )
+ return url;
+ }
+ return '';
+ }
+ function escapeHTML(value) {
+ return String(value == null ? '' : value).replace(
+ /[&<>"']/g,
+ function (char) {
+ return {
+ '&': '&',
+ '<': '<',
+ '>': '>',
+ '"': '"',
+ "'": ''',
+ }[char];
+ }
+ );
+ }
+ function tierResource(tier, snakeKey, camelKey) {
+ return readField(tier, snakeKey, camelKey) || {};
+ }
+ function rowsHTML(detail) {
+ var tiers = ((detail && detail.tiers) || [])
+ .slice()
+ .sort(function (a, b) {
+ return (
+ Number(a.min_level || 0) -
+ Number(b.min_level || 0)
+ );
+ });
+ if (!tiers.length)
+ return '
+
+
+
+
+ Level 0
-
- ![]()
- ![]()
-
-
-
+ Lv.0
- 0%
-
-
Lv.1
- You need 12,345,600 more experience points
- Level 0
+
+ ![]()
+ ![]()
+
+
+
- Lv.0
+ 0%
+
+
+
+ Lv.1
+
+ You need 12,345,600 more experience points
+
+ Range
-
- Profile Frame
-
- Range
+
+ Profile Frame
+
+ How to upgrade？
-
-
-
-
-
-
- No level data
';
+ return tiers
+ .map(function (tier) {
+ var min = Number(tier.min_level || 0);
+ var max = Number(tier.max_level || 0);
+ var range =
+ min === max ? String(min) : min + '-' + max;
+ var badgeURL = staticImageURL(
+ tierResource(
+ tier,
+ 'display_badge_resource',
+ 'displayBadgeResource'
+ )
+ );
+ var frameURL = staticImageURL(
+ tierResource(
+ tier,
+ 'display_avatar_frame_resource',
+ 'displayAvatarFrameResource'
+ )
+ );
+ var badge = badgeURL
+ ? '' +
+ escapeHTML(range) +
+ '
' +
+ badge +
+ frame +
+ '' +
+ item.name +
+ '
' +
+ item.exp +
+ '
';
- return html;
+ function badges(item) {
+ var covers =
+ item && item.user
+ ? item.user.short_badge_cover_urls || []
+ : [];
+ // 榜单设计最多预留四个短徽章位；没有真实封面时返回空串，不再展示占位徽章。
+ return covers
+ .slice(0, 4)
+ .map(function (coverURL) {
+ return (
+ '
' +
userName(top[0]) +
'
' +
- badges() +
+ badges(top[0]) +
'
' +
score(top[0].gift_value, 'score-pill') +
'';
@@ -1120,7 +1155,7 @@
'" alt="">
' +
userName(top[1]) +
'
' +
- badges() +
+ badges(top[1]) +
'
' +
score(top[1].gift_value, 'score-pill') +
'';
@@ -1132,7 +1167,7 @@
'" alt="">
' +
userName(top[2]) +
'
' +
- badges() +
+ badges(top[2]) +
'
' +
score(top[2].gift_value, 'score-pill') +
'';
@@ -1151,7 +1186,7 @@
'" alt="">' +
userName(item) +
'
' +
- badges() +
+ badges(item) +
'