feat: 视频播放器风格修正,卸载页面时卸载视频播放器

This commit is contained in:
539943419 committed 2024-08-24 15:22:49 +08:00
1 parent 1f6c924e11
commit 632a562348
3 files changed
+35 -22

No files matched your search

+17 -8
View File
@@ -43,18 +43,20 @@
<n-scrollbar>
<transition-group name="dirItem">
<miaoDirectoryItem v-for="dir in showData_directory" :item="dir" :key="dir.uid"
:color="props.color" :selectedItem="selectedItem.value"
@delete="handleItemDelete(dir)" @click="handleItemClick(dir)"
@drag-start="handleItemDragStart" @rename="handleItemRename(dir)"
@on-selected="handleItemSelect(dir)" />
:color="props.color" :selectedItem="selectedItem.value" @delete="handleItemDelete(dir)"
@click="handleItemClick(dir)" @drag-start="handleItemDragStart"
@rename="handleItemRename(dir)" @on-selected="handleItemSelect(dir)" />
</transition-group>
<transition-group name="dirItem">
<miaoDirectoryItem v-for="file in showData_files" :item="file" :key="file.uid"
:color="props.color" :selectedItem="selectedItem.value"
@click="handleItemClick(file)" @download="handleItemDownload(file)"
@delete="handleItemDelete(file)" @drag-start="handleItemDragStart"
@rename="handleItemRename(file)" @on-selected="handleItemSelect(file)" />
:color="props.color" :selectedItem="selectedItem.value" @click="handleItemClick(file)"
@download="handleItemDownload(file)" @delete="handleItemDelete(file)"
@drag-start="handleItemDragStart" @rename="handleItemRename(file)"
@on-selected="handleItemSelect(file)" />
</transition-group>
<!-- <n-virtual-list :item="showData_all" :item-size="50">
</n-virtual-list> -->
</n-scrollbar>
</div>
<div class="container-bottom" :style="{
@@ -186,6 +188,13 @@ const showData_files = computed<VirtualFile[]>(() => {
: []
return data
})
// const showData_all = computed<(VirtualDirectory | VirtualFile)[]>(() => {
// const data = currentDirectory.value?.directorys
// ? [...currentDirectory.value?.directorys]
// : []
// data.push(...currentDirectory.value?.files)
// return data
// })
// 用于监听拖拽文件事件
const rootDomRef = ref<HTMLDivElement>()