fix FileExplorer style
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user