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

🍱 缓存

Browse Source
This commit is contained in:
目棃
2025-03-05 20:19:25 +08:00
parent 26f670fae3
commit 3cead7eda6
5 changed files with 39 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/components/viewPost/vp-reply-item.vue
View File

@@ -5,17 +5,16 @@
v-if="props.modelValue.user.reply_bubble !== null"
:title="props.modelValue.user.reply_bubble.name"
>
<img :src="props.modelValue.user.reply_bubble.url" alt="bubble" />
<TMiImg :ori="true" :src="props.modelValue.user.reply_bubble.url" alt="bubble" />
</div>
<div class="tpr-user">
<div class="tpru-left">
<img :src="props.modelValue.user.avatar_url" alt="avatar" class="avatar" />
<img
:src="props.modelValue.user.pendant"
v-if="props.modelValue.user.pendant !== ''"
alt="pendant"
class="pendant"
/>
<div class="avatar">
<TMiImg :ori="true" :src="props.modelValue.user.avatar_url" alt="avatar" />
</div>
<div class="pendant" v-if="props.modelValue.user.pendant !== ''">
<TMiImg :ori="true" :src="props.modelValue.user.pendant" alt="pendant" />
</div>
</div>
<div class="tpru-right" :title="props.modelValue.user.nickname">
<span>{{ props.modelValue.user.nickname }}</span>
@@ -101,6 +100,7 @@
</div>
</template>
<script lang="ts" setup>
import TMiImg from "@comp/app/t-mi-img.vue";
import showDialog from "@comp/func/dialog.js";
import showSnackbar from "@comp/func/snackbar.js";
import { event, path } from "@tauri-apps/api";
@@ -277,19 +277,36 @@ async function exportData(): Promise<void> {
}
.avatar {
position: relative;
display: flex;
width: 30px;
height: 30px;
border-radius: 50%;
object-fit: cover;
align-items: center;
justify-content: center;
img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
}
.pendant {
position: absolute;
top: 0;
left: 0;
display: flex;
width: 40px;
height: 40px;
object-fit: cover;
align-items: center;
justify-content: center;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.level {