fix: 再次再次修复因为margin导致文件夹目录滑动卡顿的现象
This commit is contained in:
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>
|
||||||
Reference in new issue
Block a user