jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-04-21 11:27:27 +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> <template>
<div class="base-placeholder"> <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"> <div class="base-placeholder-text">
<slot>{{ text }}</slot> <slot>{{ text }}</slot>
</div> </div>
@@ -12,7 +12,7 @@ export default {
name: 'BasePlaceholder', name: 'BasePlaceholder',
props: { props: {
text: { type: String, default: '' }, text: { type: String, default: '' },
icon: { type: String, default: 'Inbox' }, icon: { type: String, default: 'inbox' },
}, },
} }
</script> </script>
@@ -27,6 +27,7 @@ export default {
height: 300px; height: 300px;
opacity: 0.5; opacity: 0.5;
} }
.base-placeholder-icon,
.base-placeholder-text { .base-placeholder-text {
font-size: 16px; font-size: 16px;
color: var(--text-color); color: var(--text-color);

2
frontend_nuxt/components/UserList.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="user-list"> <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)"> <div v-for="u in users" :key="u.id" class="user-item" @click="handleUserClick(u)">
<BaseImage :src="u.avatar" alt="avatar" class="user-avatar" /> <BaseImage :src="u.avatar" alt="avatar" class="user-avatar" />
<div class="user-info"> <div class="user-info">

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

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

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

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

2
frontend_nuxt/pages/message.vue
View File

@@ -51,7 +51,7 @@
<BasePlaceholder <BasePlaceholder
v-else-if="notifications.length === 0" v-else-if="notifications.length === 0"
text="暂时没有消息 :)" text="暂时没有消息 :)"
icon="Inbox" icon="inbox"
/> />
<div class="timeline-container" v-if="notifications.length > 0"> <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"> <div class="loading-points-container" v-if="historyLoading">
<l-hatch size="28" stroke="4" speed="3.5" color="var(--primary-color)"></l-hatch> <l-hatch size="28" stroke="4" speed="3.5" color="var(--primary-color)"></l-hatch>
</div> </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> <div class="timeline-container" v-else>
<BaseTimeline :items="histories"> <BaseTimeline :items="histories">
<template #item="{ item }"> <template #item="{ item }">

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

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