feat: 暗黑模式自定义样式统一调整

Former-commit-id: 7af83db7f0e80c03e78db388b802168847ded436

src/layout/index.vue

@@ -10,6 +10,7 @@ import { useSettingsStore } from '@/store/modules/settings';
 
 const { width } = useWindowSize();
 
+
 /**
  * 响应式布局容器固定宽度
  *
@@ -82,11 +83,13 @@ function handleOutsideClick() {
 </template>
 
 <style lang="scss" scoped>
-@import '@/styles/mixin.scss';
-@import '@/styles/variables.module.scss';
-
 .app-wrapper {
-  @include clearfix;
+   &:after {
+    content: '';
+    display: table;
+    clear: both;
+  }
+
   position: relative;
   height: 100%;
   width: 100%;