diff --git a/resources/assets/js/pages/manage/file.vue b/resources/assets/js/pages/manage/file.vue
index beb91cb6f..09c99607a 100644
--- a/resources/assets/js/pages/manage/file.vue
+++ b/resources/assets/js/pages/manage/file.vue
@@ -122,7 +122,7 @@
@drop.prevent="filePasteDrag($event, 'drag')"
@dragover.prevent="fileDragOver(true, $event)"
@dragleave.prevent="fileDragOver(false, $event)">
-
+
0) {
+ this.tableBoxHeight = Math.floor(height)
+ }
+ },
+
fileBlockIconClasses(item) {
const classes = ['no-dark-before', 'file-icon'];
if (item && item.type) {
diff --git a/resources/assets/sass/pages/page-file.scss b/resources/assets/sass/pages/page-file.scss
index ddf89a0ad..ac67f6894 100644
--- a/resources/assets/sass/pages/page-file.scss
+++ b/resources/assets/sass/pages/page-file.scss
@@ -33,9 +33,11 @@
font-size: 18px;
}
}
- &:hover {
- .file-refresh {
- display: block;
+ @media (hover: hover) {
+ &:hover {
+ .file-refresh {
+ display: block;
+ }
}
}
}
@@ -334,6 +336,7 @@
}
.file-table {
flex: 1;
+ height: 0;
cursor: default;
margin: 16px 32px 32px;
.ivu-table {
@@ -554,14 +557,23 @@
&.highlight {
background-color: #f4f5f7;
}
- &.operate,
- &:hover {
+ &.operate {
background-color: #f4f5f7;
.file-menu,
.file-check {
opacity: 1;
}
}
+ // 触屏不响应 hover:点击入口后 hover 会停留在点击位置,页面切换后误命中该处的 item
+ @media (hover: hover) {
+ &:hover {
+ background-color: #f4f5f7;
+ .file-menu,
+ .file-check {
+ opacity: 1;
+ }
+ }
+ }
}
}
.file-drag-select {
@@ -803,6 +815,21 @@ body.window-portrait {
.file-wrapper {
.file-head {
margin: 24px 16px 16px;
+ gap: 22px 16px;
+ .file-actions {
+ gap: 8px 12px;
+ .file-search {
+ flex: 1;
+ min-width: 0;
+ max-width: 240px;
+ .ivu-input-wrapper {
+ width: 100%;
+ .ivu-input {
+ width: 100%;
+ }
+ }
+ }
+ }
}
.file-tabs {
margin: 0 16px 6px;