Compare commits
2 Commits
ccc927b89f
...
7ff5fa6933
| Author | SHA1 | Date | |
|---|---|---|---|
| 7ff5fa6933 | |||
|
|
f3b4fd04d0 |
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="record-card">
|
<view class="record-card" @tap="handleView">
|
||||||
<video v-if="isVideoRecord" class="record-card-image" :src="mediaUrl" :controls="false" :show-play-btn="false"
|
<video v-if="isVideoRecord" class="record-card-image" :src="mediaUrl" :controls="false" :show-play-btn="false"
|
||||||
:show-center-play-btn="false" object-fit="cover" />
|
:show-center-play-btn="false" object-fit="cover" />
|
||||||
<image v-else-if="mediaUrl" class="record-card-image" :src="mediaUrl" mode="aspectFill" />
|
<image v-else-if="mediaUrl" class="record-card-image" :src="mediaUrl" mode="aspectFill" />
|
||||||
@@ -13,7 +13,7 @@
|
|||||||
<text class="record-card-status ellipsis-1">{{ statusText }}</text>
|
<text class="record-card-status ellipsis-1">{{ statusText }}</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view v-if="actionText" class="record-card-action" @tap="emit('view', record)">
|
<view v-if="actionText" class="record-card-action">
|
||||||
{{ actionText }}
|
{{ actionText }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -55,6 +55,11 @@ const actionText = computed(() => {
|
|||||||
return "";
|
return "";
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const handleView = () => {
|
||||||
|
if (!actionText.value) return;
|
||||||
|
emit("view", props.record);
|
||||||
|
};
|
||||||
|
|
||||||
const mediaUrl = computed(() => {
|
const mediaUrl = computed(() => {
|
||||||
if (!isCompleted.value) return "";
|
if (!isCompleted.value) return "";
|
||||||
return props.record.imageResultUrl || props.record.videoResultUrl || "";
|
return props.record.imageResultUrl || props.record.videoResultUrl || "";
|
||||||
|
|||||||
Reference in New Issue
Block a user