feat: update file

This commit is contained in:
tim
2025-07-03 16:52:48 +08:00
parent 7b985ad49c
commit ecf13eb0c2
2 changed files with 10 additions and 44 deletions

View File

@@ -10,30 +10,18 @@
</div> </div>
<div class="topic-container"> <div class="topic-container">
<div class="topic-item-container"> <div class="topic-item-container">
<div <div v-for="topic in topics" :key="topic" class="topic-item" :class="{ selected: topic === selectedTopic }">
v-for="topic in topics"
:key="topic"
class="topic-item"
:class="{ selected: topic === selectedTopic }"
>
{{ topic }} {{ topic }}
</div> </div>
</div> </div>
</div> </div>
<div class="article-container"> <div class="article-container">
<div <div class="article-item" v-for="article in articles" :key="article.id">
class="article-item"
v-for="article in articles"
:key="article.id"
>
<div class="article-main-container"> <div class="article-main-container">
<router-link <router-link class="article-item-title" :to="`/posts/${article.id}`">
class="article-item-title"
:to="`/posts/${article.id}`"
>
{{ article.title }} {{ article.title }}
</router-link> </router-link>
<div class="article-item-description">{{ article.description }}</div> <div class="article-item-description">{{ article.description }}</div>
@@ -44,11 +32,7 @@
</div> </div>
<div class="article-tags-container"> <div class="article-tags-container">
<div <div class="article-tag-item" v-for="tag in article.tags" :key="tag">
class="article-tag-item"
v-for="tag in article.tags"
:key="tag"
>
<i class="fas fa-tag"></i> <i class="fas fa-tag"></i>
<div class="article-tag-item-text">{{ tag }}</div> <div class="article-tag-item-text">{{ tag }}</div>
</div> </div>
@@ -57,16 +41,8 @@
</div> </div>
<div class="article-member-avatars-container"> <div class="article-member-avatars-container">
<div <div class="article-member-avatar-item" v-for="(avatar, idx) in article.members" :key="idx">
class="article-member-avatar-item" <img class="article-member-avatar-item-img" :src="avatar" alt="avatar">
v-for="(avatar, idx) in article.members"
:key="idx"
>
<img
class="article-member-avatar-item-img"
:src="avatar"
alt="avatar"
>
</div> </div>
</div> </div>
<div class="article-comments"> <div class="article-comments">
@@ -263,7 +239,7 @@ export default {
.article-item-title { .article-item-title {
font-size: 20px; font-size: 20px;
text-decoration: none; text-decoration: none;
color: black; color: black;
} }
@@ -339,6 +315,4 @@ export default {
margin-left: 20px; margin-left: 20px;
margin-right: 20px; margin-right: 20px;
} }
</style> </style>

View File

@@ -9,11 +9,7 @@
</div> </div>
<div class="article-tags-container"> <div class="article-tags-container">
<div <div class="article-tag-item" v-for="tag in tags" :key="tag">
class="article-tag-item"
v-for="tag in tags"
:key="tag"
>
<i class="fas fa-tag"></i> <i class="fas fa-tag"></i>
<div class="article-tag-item-text">{{ tag }}</div> <div class="article-tag-item-text">{{ tag }}</div>
</div> </div>
@@ -85,11 +81,7 @@
</div> </div>
<div class="comments-container"> <div class="comments-container">
<div <div class="info-content-container" v-for="comment in comments" :key="comment.id">
class="info-content-container"
v-for="comment in comments"
:key="comment.id"
>
<div class="user-avatar-container"> <div class="user-avatar-container">
<div class="user-avatar-item"> <div class="user-avatar-item">
<img class="user-avatar-item-img" :src="comment.avatar" alt="avatar"> <img class="user-avatar-item-img" :src="comment.avatar" alt="avatar">