fix(aigc): correct generated media preview handling
update ResultPreview component to use proper image and video result URLs refine isVideo detection logic across detail and shared work pages add pointer-events none to preview elements to avoid blocking user interactions standardize media URL usage between AIGC detail and shared work components
This commit is contained in:
@@ -3,11 +3,12 @@
|
||||
<video
|
||||
v-if="result.mediaType === 'video'"
|
||||
class="result-preview-image"
|
||||
:src="result.cover"
|
||||
:src="result.videoResultUrl"
|
||||
:poster="result.imageResultUrl"
|
||||
controls
|
||||
object-fit="cover"
|
||||
/>
|
||||
<image v-else class="result-preview-image" :src="result.cover" mode="aspectFill" />
|
||||
<image v-else class="result-preview-image" :src="result.imageResultUrl" mode="aspectFill" />
|
||||
<view class="result-preview-shade" />
|
||||
|
||||
<view class="result-preview-caption">
|
||||
|
||||
@@ -31,6 +31,7 @@
|
||||
rgba(0, 0, 0, 0.16) 48%,
|
||||
rgba(0, 0, 0, 0.74) 100%
|
||||
);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.result-preview-caption {
|
||||
@@ -38,6 +39,7 @@
|
||||
right: 18px;
|
||||
bottom: 18px;
|
||||
left: 18px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.result-preview-badge {
|
||||
|
||||
Reference in New Issue
Block a user