jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-06-09 03:27:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: basic ui

Browse Source
This commit is contained in:
Tim
2025-08-12 14:07:57 +08:00
parent 8b12402e89
commit d195d2f624
1 changed files with 435 additions and 382 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
frontend_nuxt/pages/message.vue
View File

@@ -14,6 +14,12 @@
> >
未读 未读
</div> </div>
<div
:class="['message-tab-item', { selected: selectedTab === 'control' }]"
@click="selectedTab = 'control'"
>
消息设置
</div>
</div> </div>
<div class="message-page-header-right"> <div class="message-page-header-right">
@@ -24,6 +30,20 @@
</div> </div>
</div> </div>
<div v-if="selectedTab === 'control'">
<div class="message-control-container">
<div class="message-control-title">通知设置</div>
<div class="message-control-push-item-container">
<div class="message-control-push-item">已读通知</div>
<div class="message-control-push-item select">订阅者发帖通知</div>
<div class="message-control-push-item">订阅者回复通知</div>
<div class="message-control-push-item">关注者发帖通知</div>
<div class="message-control-push-item">评论回复通知</div>
</div>
</div>
</div>
<template v-else>
<div v-if="isLoadingMessage" class="loading-message"> <div v-if="isLoadingMessage" class="loading-message">
<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>
@@ -450,6 +470,7 @@
</template> </template>
</BaseTimeline> </BaseTimeline>
</div> </div>
</template>
</div> </div>
</template> </template>
@@ -915,6 +936,38 @@ export default {
border-bottom: 2px solid var(--primary-color); border-bottom: 2px solid var(--primary-color);
} }
.message-control-title {
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
}
.message-control-container {
padding: 20px;
}
.message-control-push-item-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
}
.message-control-push-item {
font-size: 14px;
margin-bottom: 5px;
padding: 8px 16px;
border: 1px solid var(--normal-border-color);
border-radius: 10px;
cursor: pointer;
transition: all 0.3s ease;
}
.message-control-push-item.select {
background-color: var(--primary-color);
color: white;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.has_read_button { .has_read_button {
display: none; display: none;