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

💄 调整溢出

Browse Source
This commit is contained in:
目棃
2024-11-17 08:43:44 +08:00
parent 680a54a0f1
commit 6b66467cff
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/common/PostTopic.vue
View File

@@ -5,7 +5,7 @@
<img :src="topicInfo.topic.cover" alt="cover" /> <img :src="topicInfo.topic.cover" alt="cover" />
<div class="post-topic-info"> <div class="post-topic-info">
<span>{{ topicInfo.topic.name }}({{ topic }})</span> <span>{{ topicInfo.topic.name }}({{ topic }})</span>
<span>{{ topicInfo.topic.desc }}</span> <span :title="topicInfo.topic.desc">{{ topicInfo.topic.desc }}</span>
</div> </div>
</div> </div>
</template> </template>
@@ -179,6 +179,7 @@ function searchPost(): void {
</script> </script>
<style lang="css" scoped> <style lang="css" scoped>
.post-topic-top { .post-topic-top {
position: relative;
display: flex; display: flex;
overflow: hidden; overflow: hidden;
align-items: center; align-items: center;
@@ -194,6 +195,7 @@ function searchPost(): void {
} }
.post-topic-info { .post-topic-info {
position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 5px; gap: 5px;
@@ -203,6 +205,14 @@ function searchPost(): void {
font-family: var(--font-title); font-family: var(--font-title);
font-size: 20px; font-size: 20px;
} }
:last-child {
overflow: hidden;
height: 24px;
max-lines: 1;
text-overflow: ellipsis;
word-break: break-all;
}
} }
} }