705d921c14
实现完整的勋章系统，包括勋章列表展示、自动弹窗展示和分享功能。 - 新增勋章列表页面，支持已获得和待解锁勋章的分类展示 - 在个人中心添加勋章预览模块，显示前3个勋章和总数统计 - 实现勋章展示弹窗，支持动画效果和玻璃态UI - 添加勋章分享功能，可生成分享卡片 - 新增 badgesSlice 管理勋章状态，包括获取、排序和计数逻辑 - 添加勋章服务 API 封装，支持获取勋章列表和标记已展示 - 完善中英文国际化文案
30 lines
863 B
TypeScript
30 lines
863 B
TypeScript
import { api } from './api';
|
|
|
|
export type BadgeCategory = 'sleep' | 'exercise' | 'diet' | 'challenge' | 'social' | 'special';
|
|
|
|
export type BadgeRarity = 'common' | 'uncommon' | 'rare' | 'epic' | 'legendary';
|
|
|
|
export interface BadgeDto {
|
|
code: string;
|
|
name: string;
|
|
description: string;
|
|
category: BadgeCategory;
|
|
rarity?: BadgeRarity;
|
|
imageUrl: string;
|
|
icon?: string;
|
|
sortOrder?: number;
|
|
earnedAt?: string | null;
|
|
awardedAt?: string | null;
|
|
isAwarded: boolean;
|
|
isShow?: boolean;
|
|
}
|
|
|
|
export async function getAvailableBadges(): Promise<BadgeDto[]> {
|
|
return api.get<BadgeDto[]>('/api/users/badges/available');
|
|
}
|
|
|
|
export async function reportBadgeShowcaseDisplayed(badgeCode: string): Promise<boolean> {
|
|
const response = await api.post<{ success: boolean }>('/users/badges/mark-shown', { badgeCode });
|
|
return Boolean(response?.success);
|
|
}
|