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

🚸 显示 vod 占位

Browse Source
This commit is contained in:
BTMuli
2026-02-12 18:40:29 +08:00
parent 4d581243ef
commit b0e0593f65
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/viewPost/tp-vod.vue
View File

@@ -7,7 +7,8 @@
data-html2canvas-ignore
></div>
<div class="tp-vod-share">
<img :src="coverUrl" alt="cover" class="tp-vod-cover" />
<img v-if="coverUrl" :src="coverUrl" alt="cover" class="tp-vod-cover" />
<v-progress-circular v-else color="primary" indeterminate size="25" />
<img alt="icon" class="tp-vod-icon" src="/source/UI/video_play.svg" />
<div class="tp-vod-time">
<v-icon size="12">mdi-clock-time-four-outline</v-icon>
@@ -169,9 +170,12 @@ onUnmounted(() => {
max-width: 100%;
margin: 8px auto;
aspect-ratio: v-bind(vodAspectRatio); /* stylelint-disable-line value-keyword-case */
background: var(--box-bg-1);
}
.tp-vod-container {
position: relative;
z-index: 1;
overflow: hidden;
max-width: 100%;
border-radius: 8px;
@@ -180,7 +184,7 @@ onUnmounted(() => {
.tp-vod-share {
position: absolute;
z-index: -1;
z-index: 0;
top: 0;
left: 0;
display: flex;