优化邮件列表改为虚拟滚动列表

mail-vue/src/style.css

@@ -2,6 +2,9 @@
     margin: 0;
     padding: 0;
     box-sizing: border-box;
+    -webkit-tap-highlight-color: transparent;
+    scrollbar-width: thin;
+    scrollbar-color: var(--dark-border) transparent;
 }
 
 html, body {
@@ -34,10 +37,6 @@ html, body {
     background: var(--el-bg-color);
 }
 
-* {
-    -webkit-tap-highlight-color: transparent;
-}
-
 ul, ol {
     list-style: none;
 }
@@ -172,28 +171,6 @@ button, input, select, textarea {
     --el-input-text-color: var(--el-text-color-primary) !important;
 }
 
-
-@media (pointer: fine) and (hover: hover) {
-    /* 整个滚动条 */
-    ::-webkit-scrollbar {
-        width: 6px; /* 垂直滚动条宽度 */
-        height: 6px; /* 水平滚动条高度 */
-    }
-
-    /* 滚动条轨道 */
-    ::-webkit-scrollbar-track {
-        background: var(--el-bg-color);
-        border-radius: 10px;
-    }
-
-    /* 滚动条滑块 */
-    ::-webkit-scrollbar-thumb {
-        background: var(--scrollbar-track-color);
-        border-radius: 10px;
-        cursor: pointer;
-    }
-}
-
 /* 视图过渡，基于径向剪裁 */
 html.dark,
 html:not(.dark) {