fix FileExplorer style

This commit is contained in:
Timi
2026-04-03 21:17:14 +08:00
parent 59016f492f
commit d819249ebf
3 changed files with 53 additions and 23 deletions

View File

@@ -1,5 +1,5 @@
<template>
<t-cell-group theme="card" class="list-view">
<t-cell-group theme="card" class="file-explorer-list">
<recycle-scroller
class="scroller"
:items="items"
@@ -7,8 +7,9 @@
key-field="path"
v-slot="{ item }"
>
<t-swipe-cell class="swipe">
<t-swipe-cell>
<t-cell
class="cell"
:title="item.name"
:arrow="item.type === 'dir'"
:note="item.size"
@@ -37,15 +38,22 @@ const emit = defineEmits<{
</script>
<style scoped lang="less">
.list-view {
.file-explorer-list {
overflow: hidden;
:deep(.t-cell-group) {
margin: 0;
}
}
.scroller {
height: 100%;
.scroller {
height: 100%;
.vue-recycle-scroller__item-view {
&:last-child .cell:after {
border-bottom: 0;
}
}
}
}
</style>