refactor: 优化默认样式，干掉一闪而过的滚动条

meadmin-cn · Oct 10, 2023 · 279a93c · 279a93c
1 parent 68c6b81
commit 279a93c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -6,6 +6,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <base target="_blank" />
     <title>me-admin</title>
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+      }
+    </style>
   </head>
 
   <body>
@@ -17,25 +23,30 @@
           display: flex;
           justify-content: space-between;
         }
+
         .sk-flow-dot {
           width: 25%;
           height: 25%;
           background-color: #79bbff;
           border-radius: 50%;
           animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both;
         }
+
         .sk-flow-dot:nth-child(1) {
           animation-delay: -0.3s;
         }
+
         .sk-flow-dot:nth-child(2) {
           animation-delay: -0.15s;
         }
+
         @keyframes sk-flow {
           0%,
           80%,
           100% {
             transform: scale(0.3);
           }
+
           40% {
             transform: scale(1);
           }

diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -3,8 +3,6 @@
 
 html {
   body {
-    margin: 0;
-    padding: 0;
     color: var(--el-text-color-primary);
 
     #app {
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,8 +3,6 @@ @@
     html {
       body {
-        margin: 0;
-        padding: 0;
         color: var(--el-text-color-primary);
         #app {
@@ Expand Down @@