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

💄 调整样式

Browse Source
This commit is contained in:
BTMuli
2026-02-26 19:20:39 +08:00
parent 7cfd47c36b
commit f4a9069ea4
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/viewPost/vp-overlay-image.vue
View File

@@ -8,36 +8,36 @@
<div class="tpoi-bottom"> <div class="tpoi-bottom">
<template v-if="typeof props.image.insert.image !== 'string'"> <template v-if="typeof props.image.insert.image !== 'string'">
<div class="tpoi-info"> <div class="tpoi-info">
<p class="tpoi-info-item"> <span class="tpoi-info-item">
<span>大小：</span> <span>大小：</span>
<span>{{ bytesToSize(Number(props.image.insert.image.size) ?? 0) }}</span> <span>{{ bytesToSize(Number(props.image.insert.image.size) ?? 0) }}</span>
</p> </span>
<p class="tpoi-info-item"> <span class="tpoi-info-item">
<span>尺寸：</span> <span>尺寸：</span>
<span> <span>
{{ props.image.insert.image.width }}x{{ props.image.insert.image.height }} {{ props.image.insert.image.width }}x{{ props.image.insert.image.height }}
</span> </span>
</p> </span>
<p class="tpoi-info-item"> <span class="tpoi-info-item">
<span>格式：</span> <span>格式：</span>
<span>{{ format }}</span> <span>{{ format }}</span>
</p> </span>
</div> </div>
</template> </template>
<template v-else-if="props.image.attributes"> <template v-else-if="props.image.attributes">
<div class="tpoi-info"> <div class="tpoi-info">
<p v-if="props.image.attributes.size" class="tpoi-info-item"> <span v-if="props.image.attributes.size" class="tpoi-info-item">
<span>大小：</span> <span>大小：</span>
<span>{{ bytesToSize(props.image.attributes.size ?? 0) }}</span> <span>{{ bytesToSize(props.image.attributes.size ?? 0) }}</span>
</p> </span>
<p class="tpoi-info-item"> <span class="tpoi-info-item">
<span>尺寸：</span> <span>尺寸：</span>
<span>{{ props.image.attributes.width }}x{{ props.image.attributes.height }}</span> <span>{{ props.image.attributes.width }}x{{ props.image.attributes.height }}</span>
</p> </span>
<p class="tpoi-info-item"> <span class="tpoi-info-item">
<span>格式：</span> <span>格式：</span>
<span>{{ format }}</span> <span>{{ format }}</span>
</p> </span>
</div> </div>
</template> </template>
<div class="tpoi-tools"> <div class="tpoi-tools">