Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-15 09:48:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

✨ 添加 topic

Browse Source
This commit is contained in:
BTMuli
2023-12-28 12:50:52 +08:00
parent ca9c5ca931
commit 2be72692bb
3 changed files with 26 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/t-post.vue
View File

@@ -69,7 +69,10 @@
<span>{{ postData.collection.collection_title }}</span>
<span>{{ postData.collection.cur }}/{{ postData.collection.total }}</span>
</div>
<!-- todo topic -->
<div v-for="topic in postData.topics" :key="topic.id" class="tp-post-topic">
<v-icon size="12">mdi-tag</v-icon>
<span>{{ topic.name }}</span>
</div>
</div>
<div class="tp-post-subtitle">
<span>创建时间：{{ getDate(postData.post.created_at) }}&emsp;</span>
@@ -247,6 +250,9 @@ async function toAuthor(): Promise<void> {
/* title */
.tp-post-title {
display: flex;
align-items: center;
justify-content: start;
color: var(--common-text-title);
font-family: var(--font-title);
font-size: 20px;
@@ -254,13 +260,14 @@ async function toAuthor(): Promise<void> {
.mpt-official {
display: inline-block;
width: 30px;
width: 24px;
align-items: center;
justify-content: center;
border-radius: 5px;
margin-right: 2px;
background: var(--common-shadow-1);
color: var(--box-text-3);
color: var(--box-text-5);
font-size: 16px;
text-align: center;
}
@@ -417,4 +424,14 @@ async function toAuthor(): Promise<void> {
font-family: var(--font-title);
font-size: 12px;
}
/* topic */
.tp-post-topic {
display: flex;
align-items: center;
justify-content: center;
color: var(--box-text-5);
font-family: var(--font-title);
font-size: 12px;
}
</style>