修改样式细节，修改utils

src/styles/common/animation.scss

@@ -0,0 +1,23 @@
+.v-modal-enter {
+  animation: v-modal-in 0.2s ease;
+}
+
+.v-modal-leave {
+  animation: v-modal-out 0.2s ease forwards;
+}
+
+@keyframes v-modal-in {
+  0% {
+    opacity: 0;
+  }
+  100% {
+  }
+}
+
+@keyframes v-modal-out {
+  0% {
+  }
+  100% {
+    opacity: 0;
+  }
+}

src/styles/common/mixins/config.scss

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

src/styles/common/mixins/mixins.scss

@@ -15,7 +15,7 @@
 }
 
 @mixin go-d($block) {
-  $B: $namespace + '-' + $theme-dart + '-' + $block !global;
+  $B: $namespace + '-' + $theme-dark + '-' + $block !global;
   .#{$B} {
     @content;
   }

src/styles/common/style.scss

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

src/styles/common/var.scss

@@ -1,6 +1,10 @@
 // 模糊
-$--filter-blur: blur(2px);
+$--filter-blur-base: blur(2px);
 // 毛玻璃
-$--filter-color: rgba(0, 0, 0, 0.07);
+$--filter-color-base: rgba(0, 0, 0, 0.07);
 // 边框
-$--border-radius: 5px;
+$--border-radius-base: 5px;
+/// 阴影
+$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04) !default;
+$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12) !default;
+$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;