refactor: migrate placeholders to IconPark

This commit is contained in:
Tim
2025-09-06 02:02:02 +08:00
parent 4a4c256568
commit 78498c0ac3
8 changed files with 31 additions and 24 deletions

View File

@@ -1,6 +1,6 @@
<template>
<div class="base-placeholder">
<i :class="['base-placeholder-icon', icon]" />
<component :is="icon" class="base-placeholder-icon" theme="outline" size="48" />
<div class="base-placeholder-text">
<slot>{{ text }}</slot>
</div>
@@ -12,7 +12,7 @@ export default {
name: 'BasePlaceholder',
props: {
text: { type: String, default: '' },
icon: { type: String, default: 'fas fa-inbox' },
icon: { type: String, default: 'Inbox' },
},
}
</script>

View File

@@ -1,6 +1,6 @@
<template>
<div class="user-list">
<BasePlaceholder v-if="users.length === 0" text="暂无用户" icon="fas fa-inbox" />
<BasePlaceholder v-if="users.length === 0" text="暂无用户" icon="Inbox" />
<div v-for="u in users" :key="u.id" class="user-item" @click="handleUserClick(u)">
<BaseImage :src="u.avatar" alt="avatar" class="user-avatar" />
<div class="user-info">