spark-store-project/spark-store
15
0
Fork 0
mirror of https://gitee.com/spark-store-project/spark-store synced 2026-04-26 01:10:16 +08:00
Code Issues 1 Packages Projects Releases Wiki Activity

update:应用列表中，spark软件列表加入图标

Browse Source
This commit is contained in:
momen
2026-03-31 20:31:45 +08:00
parent fdb5f4a51c
commit b836392ffb
1 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/InstalledAppsModal.vue
View File

@@ -104,16 +104,19 @@
>
<div class="flex items-center gap-3">
<div
v-if="app.icons"
class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-slate-100 dark:bg-slate-800"
>
<img
v-if="app.icons.startsWith('/')"
:src="`file://${app.icons}`"
v-show="!iconErrors[app.pkgname] && getIconUrl(app)"
:src="getIconUrl(app)"
class="h-8 w-8 object-contain"
alt=""
@error="iconErrors[app.pkgname] = true"
/>
<i v-else class="fas fa-cube text-xl text-slate-400"></i>
<i
v-show="iconErrors[app.pkgname] || !getIconUrl(app)"
class="fas fa-cube text-xl text-slate-400"
></i>
</div>
<div>
<div class="flex items-center gap-2">
@@ -158,7 +161,19 @@
</template>
<script setup lang="ts">
import { reactive } from "vue";
import { App } from "../global/typedefinition";
import { APM_STORE_BASE_URL } from "../global/storeConfig";
const iconErrors = reactive<Record<string, boolean>>({});
const getIconUrl = (app: App) => {
if (app.icons && app.icons.startsWith("/")) return `file://${app.icons}`;
if (!app.category || app.category === "unknown") return "";
const arch = window.apm_store.arch || "amd64";
const finalArch = app.origin === "spark" ? `${arch}-store` : `${arch}-apm`;
return `${APM_STORE_BASE_URL}/${finalArch}/${app.category}/${app.pkgname}/icon.png`;
};
defineProps<{
show: boolean;