fix:修复视频无法播放的问题
This commit is contained in:
@@ -45,7 +45,7 @@
|
|||||||
v-if="props.item?.videoUrl"
|
v-if="props.item?.videoUrl"
|
||||||
controls
|
controls
|
||||||
class="media-content">
|
class="media-content">
|
||||||
<source :src="AListUrl + props.item?.videoUrl" type="video/mp4">
|
<source :src="props.item?.videoUrl" type="video/mp4">
|
||||||
</video>
|
</video>
|
||||||
|
|
||||||
<!-- 展开/收起按钮 -->
|
<!-- 展开/收起按钮 -->
|
||||||
@@ -73,7 +73,7 @@ import { formatDate } from 'vue3-common/utils/dateUtil'
|
|||||||
import { useJournalStore } from '@/store/journal.ts'
|
import { useJournalStore } from '@/store/journal.ts'
|
||||||
import { useAppStore } from '@/store/app.ts'
|
import { useAppStore } from '@/store/app.ts'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import { AListUrl, RawImageQuery, ThumbImageQuery } from '@/utils'
|
import { RawImageQuery, ThumbImageQuery } from '@/utils'
|
||||||
import { showImagePreview } from 'vant'
|
import { showImagePreview } from 'vant'
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
|
|||||||
@@ -12,7 +12,8 @@
|
|||||||
<el-card class="record-card">
|
<el-card class="record-card">
|
||||||
<span class="record-content">旅行人:{{ item.persons.join('-') }}</span>
|
<span class="record-content">旅行人:{{ item.persons.join('-') }}</span>
|
||||||
<el-image v-for="(image, index) in item.imageList" :key="index"
|
<el-image v-for="(image, index) in item.imageList" :key="index"
|
||||||
:src="`${image}?q=70`" fit="cover" alt="暂无图片" class="record-image"
|
:src="`${image}${ThumbImageQuery}`"
|
||||||
|
fit="cover" alt="暂无图片" class="record-image"
|
||||||
@click="viewImageClick(item, index)"/>
|
@click="viewImageClick(item, index)"/>
|
||||||
|
|
||||||
<video v-for="(video, index) in item.videoList"
|
<video v-for="(video, index) in item.videoList"
|
||||||
@@ -33,6 +34,7 @@ import { SvgIcon } from 'vue3-common'
|
|||||||
import { useTravelStore } from '@/store/travel.ts'
|
import { useTravelStore } from '@/store/travel.ts'
|
||||||
import { showImagePreview } from 'vant'
|
import { showImagePreview } from 'vant'
|
||||||
import { ITravelRecord } from '@/types/travel.ts'
|
import { ITravelRecord } from '@/types/travel.ts'
|
||||||
|
import { ThumbImageQuery } from '@/utils'
|
||||||
|
|
||||||
const travelStore = useTravelStore()
|
const travelStore = useTravelStore()
|
||||||
|
|
||||||
|
|||||||
@@ -129,7 +129,6 @@ import { ElMessage, ElMessageBox, FormRules, UploadProps, UploadRawFile, UploadR
|
|||||||
import { journalRules } from '@/utils/element/elRules.ts'
|
import { journalRules } from '@/utils/element/elRules.ts'
|
||||||
import { onMounted, reactive, ref } from 'vue'
|
import { onMounted, reactive, ref } from 'vue'
|
||||||
import { commonElMessageBox } from 'vue3-common/utils/elUtil'
|
import { commonElMessageBox } from 'vue3-common/utils/elUtil'
|
||||||
import { AListUrl } from '@/utils'
|
|
||||||
import { SvgIcon } from 'vue3-common'
|
import { SvgIcon } from 'vue3-common'
|
||||||
import { acceptImageTypes, acceptVideoTypes } from '@/utils/file.ts'
|
import { acceptImageTypes, acceptVideoTypes } from '@/utils/file.ts'
|
||||||
import { beforeUploadImage, beforeUploadVideo, httpRequestFile } from '@/utils/element/elUpload.ts'
|
import { beforeUploadImage, beforeUploadVideo, httpRequestFile } from '@/utils/element/elUpload.ts'
|
||||||
@@ -164,7 +163,7 @@ const initFileList = () => {
|
|||||||
if (videoUrl) {
|
if (videoUrl) {
|
||||||
videoFileList.value.push({
|
videoFileList.value.push({
|
||||||
name: 'video',
|
name: 'video',
|
||||||
url: `${AListUrl}${videoUrl}`
|
url: videoUrl
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -94,7 +94,6 @@ import { ElMessage, ElMessageBox, FormRules, UploadProps, UploadRawFile, UploadR
|
|||||||
import { ledgerRules } from '@/utils/element/elRules.ts'
|
import { ledgerRules } from '@/utils/element/elRules.ts'
|
||||||
import { onMounted, reactive, ref } from 'vue'
|
import { onMounted, reactive, ref } from 'vue'
|
||||||
import { commonElMessageBox } from 'vue3-common/utils/elUtil'
|
import { commonElMessageBox } from 'vue3-common/utils/elUtil'
|
||||||
import { AListUrl } from '@/utils'
|
|
||||||
import { acceptImageTypes } from '@/utils/file.ts'
|
import { acceptImageTypes } from '@/utils/file.ts'
|
||||||
import { Plus } from '@element-plus/icons-vue'
|
import { Plus } from '@element-plus/icons-vue'
|
||||||
import { beforeUploadImage, httpRequestFile } from '@/utils/element/elUpload.ts'
|
import { beforeUploadImage, httpRequestFile } from '@/utils/element/elUpload.ts'
|
||||||
|
|||||||
Reference in New Issue
Block a user