fix: colorWeak overflow #694

vueComponent · Mar 25, 2020 · 000f8e9 · 000f8e9
1 parent 685977e
commit 000f8e9
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 7 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -22,8 +22,3 @@ export default {
   }
 }
 </script>
-<style>
-  #app {
-    height: 100%;
-  }
-</style>
diff --git a/src/components/SettingDrawer/SettingDrawer.vue b/src/components/SettingDrawer/SettingDrawer.vue
@@ -1,11 +1,13 @@
 <template>
-  <div class="setting-drawer" ref="settingDrawer">
+  <div class="setting-drawer">
     <a-drawer
       width="300"
       placement="right"
       @close="onClose"
       :closable="false"
       :visible="visible"
+      :drawer-style="{ position: 'absolute' }"
+      style="position: absolute"
     >
       <div class="setting-drawer-index-content">
 

diff --git a/src/components/SettingDrawer/settingConfig.js b/src/components/SettingDrawer/settingConfig.js
@@ -101,7 +101,8 @@ const updateTheme = primaryColor => {
 
 const updateColorWeak = colorWeak => {
   // document.body.className = colorWeak ? 'colorWeak' : '';
-  colorWeak ? document.body.classList.add('colorWeak') : document.body.classList.remove('colorWeak')
+  const app = document.body.querySelector('#app')
+  colorWeak ? app.classList.add('colorWeak') : app.classList.remove('colorWeak')
 }
 
 export { updateTheme, colorList, updateColorWeak }
diff --git a/src/components/global.less b/src/components/global.less
@@ -2,6 +2,12 @@
 
 body {
 
+
+}
+
+#app {
+  height: 100%;
+
   &.colorWeak {
     filter: invert(80%);
   }