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

fix: 首页 & 全局文字优化

Browse Source
This commit is contained in:
tim
2025-08-29 20:38:55 +08:00
parent fff59e800d
commit d427a41f6d
2 changed files with 20 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend_nuxt/assets/global.css
View File

@@ -27,7 +27,7 @@
--code-highlight-background-color: rgb(241, 241, 241); --code-highlight-background-color: rgb(241, 241, 241);
--login-background-color: rgb(248, 248, 248); --login-background-color: rgb(248, 248, 248);
--login-background-color-hover: #e0e0e0; --login-background-color-hover: #e0e0e0;
--text-color: black; --text-color: rgb(70, 70, 70);
--blockquote-text-color: #6a737d; --blockquote-text-color: #6a737d;
--menu-width: 200px; --menu-width: 200px;
--page-max-width: 1400px; --page-max-width: 1400px;
@@ -75,7 +75,7 @@
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: 'Roboto', sans-serif; font-family: 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif;
background-color: var(--normal-background-color); background-color: var(--normal-background-color);
color: var(--text-color); color: var(--text-color);
/* 禁止滚动 */ /* 禁止滚动 */

23
frontend_nuxt/pages/index.vue
View File

@@ -72,9 +72,9 @@
<i v-if="article.type === 'LOTTERY'" class="fa-solid fa-gift lottery-icon"></i> <i v-if="article.type === 'LOTTERY'" class="fa-solid fa-gift lottery-icon"></i>
{{ article.title }} {{ article.title }}
</NuxtLink> </NuxtLink>
<div class="article-item-description main-item"> <NuxtLink class="article-item-description main-item" :to="`/posts/${article.id}`">
{{ sanitizeDescription(article.description) }} {{ sanitizeDescription(article.description) }}
</div> </NuxtLink>
<div class="article-info-container main-item"> <div class="article-info-container main-item">
<ArticleCategory :category="article.category" /> <ArticleCategory :category="article.category" />
<ArticleTags :tags="article.tags" /> <ArticleTags :tags="article.tags" />
@@ -527,15 +527,18 @@ const sanitizeDescription = (text) => stripMarkdown(text)
.article-item-title { .article-item-title {
margin-top: 10px; margin-top: 10px;
font-size: 20px; font-size: 18px;
text-decoration: none; text-decoration: none;
color: var(--text-color); color: var(--text-color);
max-width: 100%; max-width: 100%;
font-weight: bold;
transition: color 0.2s ease;
} }
.article-item-title:hover { .article-item-title:hover {
color: var(--primary-color); color: var(--primary-color);
text-decoration: underline; text-decoration: underline;
transition: color 0.2s ease;
} }
.pinned-icon, .pinned-icon,
@@ -547,13 +550,23 @@ const sanitizeDescription = (text) => stripMarkdown(text)
.article-item-description { .article-item-description {
max-width: 100%; max-width: 100%;
margin-top: 10px; margin-top: 10px;
font-size: 14px; font-size: 13px;
color: gray; color: rgba(140, 140, 140, 0.888);
display: -webkit-box; display: -webkit-box;
line-clamp: 3; line-clamp: 3;
-webkit-line-clamp: 3; -webkit-line-clamp: 3;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
overflow: hidden; overflow: hidden;
letter-spacing: 0.01em;
font-weight: 400;
text-decoration: none;
transition: color 0.2s ease;
}
.article-item-description:hover {
color: var(--primary-color);
cursor: pointer;
transition: color 0.2s ease;
} }
.article-info-container { .article-info-container {