From 8be2e92c24a65ea9ef8b4a75876ad7e6e33eb286 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Sat, 19 Oct 2024 13:31:53 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/lib.scss | 49 +++++++++++++++++++++++----------------------
 1 file changed, 25 insertions(+), 24 deletions(-)

diff --git a/src/styles/lib.scss b/src/styles/lib.scss
index d9b4147c..edda149e 100644
--- a/src/styles/lib.scss
+++ b/src/styles/lib.scss
@@ -135,84 +135,85 @@ $size: 50;
     }
 }
 
+$color_key: '#';
 /* 常用颜色1 */
 @each $color in c, d, e, f, 0, 3, 5, 6, 8, 9 {
     .cr-#{$color} {
-        color: ##{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
+        color: #{$color_key}#{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
     }
     .bg-#{$color} {
-        background-color: ##{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
+        background-color: #{$color_key}#{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
     }
     .br-#{$color} {
-        border: 1px solid ##{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
+        border: 1px solid #{$color_key}#{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
     }
     .br-t-#{$color} {
-        border-top: 1px solid ##{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
+        border-top: 1px solid #{$color_key}#{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
     }
     .br-l-#{$color} {
-        border-left: 1px solid ##{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
+        border-left: 1px solid #{$color_key}#{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
     }
     .br-r-#{$color} {
-        border-right: 1px solid ##{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
+        border-right: 1px solid #{$color_key}#{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
     }
     .br-b-#{$color} {
-        border-bottom: 1px solid ##{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
+        border-bottom: 1px solid #{$color_key}#{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
     }
     .br-#{$color}-dashed {
-        border: 1px dashed ##{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
+        border: 1px dashed #{$color_key}#{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
     }
     .br-t-#{$color}-dashed {
-        border-top: 1px dashed ##{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
+        border-top: 1px dashed #{$color_key}#{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
     }
     .br-l-#{$color}-dashed {
-        border-left: 1px dashed ##{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
+        border-left: 1px dashed #{$color_key}#{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
     }
     .br-r-#{$color}-dashed {
-        border-right: 1px dashed ##{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
+        border-right: 1px dashed #{$color_key}#{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
     }
     .br-b-#{$color}-dashed {
-        border-bottom: 1px dashed ##{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
+        border-bottom: 1px dashed #{$color_key}#{$color}#{$color}#{$color}#{$color}#{$color}#{$color};
     }
 }
 
 /* 常用颜色2 */
 @each $color in f5, f8, f7, e9, 80 {
     .cr-#{$color} {
-        color: ##{$color}#{$color}#{$color};
+        color: #{$color_key}#{$color}#{$color}#{$color};
     }
     .bg-#{$color} {
-        background-color: ##{$color}#{$color}#{$color};
+        background-color: #{$color_key}#{$color}#{$color}#{$color};
     }
     .br-#{$color} {
-        border: 1px solid ##{$color}#{$color}#{$color};
+        border: 1px solid #{$color_key}#{$color}#{$color}#{$color};
     }
     .br-t-#{$color} {
-        border-top: 1px solid ##{$color}#{$color}#{$color};
+        border-top: 1px solid #{$color_key}#{$color}#{$color}#{$color};
     }
     .br-l-#{$color} {
-        border-left: 1px solid ##{$color}#{$color}#{$color};
+        border-left: 1px solid #{$color_key}#{$color}#{$color}#{$color};
     }
     .br-r-#{$color} {
-        border-right: 1px solid ##{$color}#{$color}#{$color};
+        border-right: 1px solid #{$color_key}#{$color}#{$color}#{$color};
     }
     .br-b-#{$color} {
-        border-bottom: 1px solid ##{$color}#{$color}#{$color};
+        border-bottom: 1px solid #{$color_key}#{$color}#{$color}#{$color};
     }
 
     .br-#{$color}-dashed {
-        border: 1px dashed ##{$color}#{$color}#{$color};
+        border: 1px dashed #{$color_key}#{$color}#{$color}#{$color};
     }
     .br-t-#{$color}-dashed {
-        border-top: 1px dashed ##{$color}#{$color}#{$color};
+        border-top: 1px dashed #{$color_key}#{$color}#{$color}#{$color};
     }
     .br-l-#{$color}-dashed {
-        border-left: 1px dashed ##{$color}#{$color}#{$color};
+        border-left: 1px dashed #{$color_key}#{$color}#{$color}#{$color};
     }
     .br-r-#{$color}-dashed {
-        border-right: 1px dashed ##{$color}#{$color}#{$color};
+        border-right: 1px dashed #{$color_key}#{$color}#{$color}#{$color};
     }
     .br-b-#{$color}-dashed {
-        border-bottom: 1px dashed ##{$color}#{$color}#{$color};
+        border-bottom: 1px dashed #{$color_key}#{$color}#{$color}#{$color};
     }
 }