mirror of
https://gitee.com/spark-store-project/spark-store
synced 2026-09-21 06:00:11 +08:00
xiyidaiwa
b89c001401
将本地在 upstream !408（已安装应用合并+统计）之上的后续改动重新整合到最新 upstream/Erotica： - 已安装应用：卸载/打开按 APM/Spark 来源选择；计数总数=APM+Spark 包数（双来源计为独立包） - 查看详情：已安装页复用所有应用页合并详情视图（单来源优先已装类型，双来源自动模式） - 窗口：恢复阈值改为 1600x900，过大回退默认尺寸并居中，不自动最大化 - 首页推荐：致谢卡片移至其他内容下方，加大标题/卡片/致谢间距 - 隐藏排行榜/荣耀榜侧栏入口（代码保留，v-if=false） - 新增 scripts/test-build.sh 测试打包脚本（版本末段+1 加 -test）并更新 AGENTS.md 冲突文件（index.ts/App.vue/InstalledAppsModal.vue）均取本地完整实现（为上游版本的超集）。
56 lines
1.6 KiB
Vue
56 lines
1.6 KiB
Vue
<template>
|
||
<div
|
||
class="group flex items-center gap-2 rounded-lg border border-slate-200/70 bg-white/90 p-2 transition hover:border-brand/50 dark:border-slate-800/60 dark:bg-slate-900/60"
|
||
>
|
||
<!-- 排名序号（前 3 名金/银/铜） -->
|
||
<span
|
||
class="w-5 shrink-0 text-center text-sm font-bold"
|
||
:class="rankClass"
|
||
>{{ rank }}</span
|
||
>
|
||
|
||
<!-- 贡献者头像 -->
|
||
<div
|
||
class="flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-gradient-to-b from-amber-100 to-amber-200 text-amber-600 shadow-inner dark:from-amber-900/40 dark:to-amber-800/40"
|
||
>
|
||
<i class="fas fa-user"></i>
|
||
</div>
|
||
|
||
<!-- 贡献者信息 -->
|
||
<div class="flex min-w-0 flex-1 flex-col gap-1 overflow-hidden">
|
||
<div class="truncate text-xs font-semibold text-slate-900 dark:text-white">
|
||
{{ name }}
|
||
</div>
|
||
<div
|
||
class="truncate text-xs leading-tight text-slate-500 dark:text-slate-400"
|
||
>
|
||
{{ label }}
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 数量徽标 -->
|
||
<span
|
||
class="shrink-0 rounded-full bg-slate-100 px-2 py-0.5 text-xs font-semibold text-slate-600 dark:bg-slate-800 dark:text-slate-300"
|
||
>{{ count }}</span
|
||
>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { computed } from "vue";
|
||
|
||
const props = defineProps<{
|
||
rank: number;
|
||
name: string;
|
||
count: number;
|
||
label?: string;
|
||
}>();
|
||
|
||
const rankClass = computed(() => {
|
||
if (props.rank === 1) return "text-amber-400";
|
||
if (props.rank === 2) return "text-slate-400";
|
||
if (props.rank === 3) return "text-amber-600";
|
||
return "text-slate-400 dark:text-slate-500";
|
||
});
|
||
</script>
|