fix: baseplaceholder修改

This commit is contained in:
tim
2025-09-06 02:05:29 +08:00
parent d69b094a7b
commit 90b9d75da2
7 changed files with 11 additions and 10 deletions

View File

@@ -1,6 +1,6 @@
<template>
<div class="base-placeholder">
<component :is="icon" class="base-placeholder-icon" theme="outline" size="48" />
<component :is="icon" class="base-placeholder-icon" theme="outline" />
<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: 'Inbox' },
icon: { type: String, default: 'inbox' },
},
}
</script>
@@ -27,6 +27,7 @@ export default {
height: 300px;
opacity: 0.5;
}
.base-placeholder-icon,
.base-placeholder-text {
font-size: 16px;
color: var(--text-color);

View File

@@ -1,6 +1,6 @@
<template>
<div class="user-list">
<BasePlaceholder v-if="users.length === 0" text="暂无用户" icon="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">