refactor: app-main 弃用naive ui虚拟滚动条，改成自定义滚动条

2022-05-02 17:39:31 +08:00
parent 76bd414941
commit 21e0d86fcd
3 changed files with 19 additions and 12 deletions
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -8,13 +8,11 @@
        <AppHeader />
      </n-layout-header>

-      <n-layout
-        style="background-color: #f5f6fb"
-        :style="`height: calc(100% - ${useTheme.header.height}px)`"
-        :native-scrollbar="false"
-      >
+      <n-layout style="background-color: #f5f6fb" :style="`height: calc(100% - ${useTheme.header.height}px)`">
        <AppTags v-if="useTheme.tags.visible" />
-        <AppMain />
+        <AppMain
+          :style="{ height: `calc(100% - ${useTheme.tags.visible ? useTheme.tags.height : 0}px)`, overflow: 'auto' }"
+        />
      </n-layout>
    </n-layout>
  </n-layout>