fix: 再次再次修复因为margin导致文件夹目录滑动卡顿的现象

This commit is contained in:
539943419 committed 2024-12-25 23:22:33 +08:00
1 parent 3b8c0398c1
commit 081b724513
2 files changed
+9 -3

No files matched your search

@@ -201,7 +201,8 @@ onBeforeUnmount(() => {
<style lang="scss" scoped> <style lang="scss" scoped>
.miao-item { .miao-item {
cursor: pointer; cursor: pointer;
width: calc(100% - 20px); // width: calc(100% - 20px);
width: 100%;
// min-width: 170px; // min-width: 170px;
// aspect-ratio: 66/9; // aspect-ratio: 66/9;
height: 50px; height: 50px;
@@ -209,12 +210,12 @@ onBeforeUnmount(() => {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin: 10px 10px; // margin: 10px 10px;
.item-main { .item-main {
position: relative; position: relative;
width: 100%; width: 100%;
height: 95%; height: 100%;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
border-radius: 7px; border-radius: 7px;
display: flex; display: flex;
@@ -6,6 +6,7 @@
}"> }">
<n-scrollbar ref="scrollbarRef" style="max-height: 100%"> <n-scrollbar ref="scrollbarRef" style="max-height: 100%">
<miao-lazy-div <miao-lazy-div
class="miao-directory-container-items-container"
v-for="dir in showData_directory" v-for="dir in showData_directory"
:key="dir.id" :key="dir.id"
min-height="50px" min-height="50px"
@@ -23,6 +24,7 @@
@on-selected="handleItemSelect(dir)" /> @on-selected="handleItemSelect(dir)" />
</miao-lazy-div> </miao-lazy-div>
<miao-lazy-div <miao-lazy-div
class="miao-directory-container-items-container"
v-for="file in showData_files" v-for="file in showData_files"
:key="file.id" :key="file.id"
min-height="50px"> min-height="50px">
@@ -178,5 +180,8 @@ defineExpose({
width: 100%; width: 100%;
flex: 1; flex: 1;
min-height: 0; min-height: 0;
.miao-directory-container-items-container {
margin: 10px;
}
} }
</style> </style>