上线缩略图预览(鼠标移动至名字进行切换,点击图片进行放大)。(同步更新)

This commit is contained in:
chuzhongzai
2022-12-07 11:17:46 +08:00
parent da2a10f5ea
commit 281af26d66
4 changed files with 39 additions and 20 deletions
+12 -5
View File
@@ -2,7 +2,7 @@
<div class="side" style="width: 100%">
<span v-show="loadComplete">{{showType === 'gallery' ? '本子' : '视频'}}历史</span>
<div v-show="loadComplete" class="load_complete">
<el-table :data="galleryTasks" v-show="isShowGalleryHistory" >
<el-table :data="galleryTasks" v-show="isShowGalleryHistory">
<el-table-column type="expand">
<template #default="props">
@@ -16,13 +16,15 @@
</template>
</el-table-column>
<el-table-column label="名字" width="300">
<el-table-column label="名字" width="300vw">
<template #default="scoped">
{{showNameType === 'shortName' ? scoped.row.shortName: scoped.row.name}}
<span @mouseover="showThumbnail(scoped.row)">
{{showNameType === 'shortName' ? scoped.row.shortName: scoped.row.name}}
</span>
</template>
</el-table-column>
<el-table-column label="操作" width="250">
<el-table-column label="操作" width="300vw">
<template #default="scoped">
<span>
<el-button @click="downloadTask(scoped.row.download)" :disabled="scoped.row.download === undefined">下载</el-button>
@@ -248,10 +250,15 @@ export default {
window.open("http://zfile.lionwebsite.xyz/1/video/")
}
function showThumbnail(gallery){
if(gallery.download !== undefined)
store.commit("_changeThumbnailGallery", gallery)
}
return {galleryTasks, videoTasks, min, max, targetPage, loadComplete, page, isEditing, inputNode, isShowVideoHistory,
isShowGalleryHistory, showType, showNameType, sortType,
reverseEditMode, changePage, changeShowType, changeShowNameType, changeSortType, toMax, toMin, previous, next, downloadTask, deleteGallery,
deleteVideo, onlineGalleryReader, onlineVideoViewer,
deleteVideo, onlineGalleryReader, onlineVideoViewer, showThumbnail,
store
}
}