fix:路由处理,CSS处理，样式处理，全局变量处理

src/styles/common/mixins/config.scss

@@ -0,0 +1,4 @@
+$namespace: 'go';
+$theme-light: 'light';
+$theme-dart: 'dart';
+$state-prefix: 'is-';

src/styles/common/mixins/mixins.scss

@@ -0,0 +1,30 @@
+@import './config.scss';
+
+@mixin go($block) {
+  $B: $namespace + '-' + $block !global;
+  .#{$B} {
+    @content;
+  }
+}
+
+@mixin go-l($block) {
+  $B: $namespace + '-' + $theme-light + '-' + $block !global;
+  .#{$B} {
+    @content;
+  }
+}
+
+@mixin go-d($block) {
+  $B: $namespace + '-' + $theme-dart + '-' + $block !global;
+  .#{$B} {
+    @content;
+  }
+}
+
+@mixin when($state) {
+  @at-root {
+    &.#{$state-prefix + $state} {
+      @content;
+    }
+  }
+}

src/styles/common/style.scss

@@ -0,0 +1,13 @@
+@import './var.scss';
+
+// 毛玻璃
+.--background-filter {
+  backdrop-filter: $--filter-blur;
+  background-color: $--filter-color;
+}
+
+// 边框圆角
+.--border-radius {
+  border-radius: $--border-radius;
+  overflow: hidden;
+}

src/styles/common/var.scss

@@ -0,0 +1,6 @@
+// 模糊
+$--filter-blur: blur(2px);
+// 毛玻璃
+$--filter-color: rgba(0, 0, 0, 0.07);
+// 边框
+$--border-radius: 5px;

src/styles/global/style.scss

@@ -1,9 +0,0 @@
-@import url(./var.scss);
-// 毛玻璃
-.bg-filter {
-  backdrop-filter: blur(2px);
-  background-color: rgba(0, 0, 0, 0.07);
-}
-.border {
-  border-radius: $radius;
-}

src/styles/global/var.scss

@@ -1,2 +0,0 @@
-// 边框
-$radius: 5px;