Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-03-20 04:39:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

🎨 改进代码结构

Browse Source
This commit is contained in:
目棃
2025-04-09 15:44:22 +08:00
parent 43f9e432cc
commit b7c49ce09b
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/viewPost/tp-avatar.vue
View File

@@ -1,9 +1,5 @@
<template>
<div class="tp-avatar-box">
<div v-if="props.position === 'right'" class="tpa-text">
<div>{{ props.data.nickname }}</div>
<div :title="authorDesc">{{ authorDesc }}</div>
</div>
<div class="tpa-img">
<div class="tpa-icon">
<TMiImg :ori="true" :src="props.data.avatar_url" alt="avatar" />
@@ -21,7 +17,7 @@
{{ props.data.level_exp.level }}
</div>
</div>
<div v-if="props.position === 'left'" class="tpa-text">
<div class="tpa-text">
<div>{{ props.data.nickname }}</div>
<div :title="authorDesc">{{ authorDesc }}</div>
</div>
@@ -56,6 +52,9 @@ const levelColor = computed<string>(() => {
overflow: hidden;
width: fit-content;
max-width: 100%;
flex-direction: v-bind("props.position === 'left' ? 'row' : 'row-reverse'");
align-items: center;
justify-content: v-bind("props.position === 'left' ? 'flex-start' : 'flex-end'");
}
.tpa-text {