jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-02-25 23:50:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: baseplaceholder修改

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend_nuxt/components/BasePlaceholder.vue
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);

2
frontend_nuxt/components/UserList.vue
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">

2
frontend_nuxt/pages/message-box/[id].vue
View File

@@ -56,7 +56,7 @@
<BasePlaceholder
v-if="messages.length === 0"
text="暂无会话，发送消息试试 🎉"
icon="Inbox"
icon="inbox"
/>
</div>
</template>

4
frontend_nuxt/pages/message-box/index.vue
View File

@@ -22,7 +22,7 @@
</div>
<div v-if="!loading && conversations.length === 0" class="empty-container">
<BasePlaceholder v-if="conversations.length === 0" text="暂无会话" icon="Inbox" />
<BasePlaceholder v-if="conversations.length === 0" text="暂无会话" icon="inbox" />
</div>
<div
@@ -73,7 +73,7 @@
</div>
<div v-else>
<div v-if="channels.length === 0" class="empty-container">
<BasePlaceholder text="暂无频道" icon="Inbox" />
<BasePlaceholder text="暂无频道" icon="inbox" />
</div>
<div
v-for="ch in channels"

2
frontend_nuxt/pages/message.vue
View File

@@ -51,7 +51,7 @@
<BasePlaceholder
v-else-if="notifications.length === 0"
text="暂时没有消息 :)"
icon="Inbox"
icon="inbox"
/>
<div class="timeline-container" v-if="notifications.length > 0">

2
frontend_nuxt/pages/points.vue
View File

@@ -63,7 +63,7 @@
<div class="loading-points-container" v-if="historyLoading">
<l-hatch size="28" stroke="4" speed="3.5" color="var(--primary-color)"></l-hatch>
</div>
<BasePlaceholder v-else-if="histories.length === 0" text="暂无积分记录" icon="Inbox" />
<BasePlaceholder v-else-if="histories.length === 0" text="暂无积分记录" icon="inbox" />
<div class="timeline-container" v-else>
<BaseTimeline :items="histories">
<template #item="{ item }">

4
frontend_nuxt/pages/users/[id].vue
View File

@@ -207,7 +207,7 @@
<BasePlaceholder
v-if="filteredTimelineItems.length === 0"
text="暂无时间线"
icon="Inbox"
icon="inbox"
/>
<div class="timeline-list">
<BaseTimeline :items="filteredTimelineItems">
@@ -305,7 +305,7 @@
</BaseTimeline>
</div>
<div v-else>
<BasePlaceholder text="暂无收藏文章" icon="Inbox" />
<BasePlaceholder text="暂无收藏文章" icon="inbox" />
</div>
</div>