购物车

src/assets/css/style.css

@@ -96,8 +96,11 @@ body,
   --el-color-primary-dark-2: #565656;
   /* 深灰色（加深20%） */
 }
+.mini-scrollbar {
+  --mini-scrollbar-width: 0.4rem;
+}
 .mini-scrollbar::-webkit-scrollbar {
-  width: 0.4rem;
+  width: var(--mini-scrollbar-width);
 }
 .mini-scrollbar::-webkit-scrollbar-thumb {
   border-radius: 0.4rem;
@@ -107,42 +110,13 @@ body,
   --mosaic-bg-size: 1rem;
   --mosaic-bg-color1: #efefef;
   --mosaic-bg-color2: #fff;
-  background-image: repeating-conic-gradient(
-    var(--mosaic-bg-color1) 0% 25%,
-    var(--mosaic-bg-color2) 0% 50%
-  );
+  background-image: repeating-conic-gradient(var(--mosaic-bg-color1) 0% 25%, var(--mosaic-bg-color2) 0% 50%);
   background-repeat: repeat;
   background-position: 50% 50%;
   background-size: var(--mosaic-bg-size) var(--mosaic-bg-size);
 }
-
-.flex {
-  display: flex;
-}
-.flex-center {
-  justify-content: center;
-  align-items: center;
-}
-.flex-1 {
-  flex: 1;
-}
-.flex-col {
-  flex-direction: column;
-}
-.align-center {
-  align-items: center;
-}
-.space-between {
-  justify-content: space-between;
-}
-.justify-center {
-  justify-content: center;
-}
-.relative {
-  position: relative;
-}
 button[custom],
-button[custom='white'] {
+button[custom="white"] {
   min-width: 19.4rem;
   height: 5rem;
   padding: 0 1rem;
@@ -155,11 +129,11 @@ button[custom='white'] {
   cursor: pointer;
 }
 button[custom]:active,
-button[custom='white']:active {
+button[custom="white"]:active {
   background: var(--button-click-bgcolor, #e4e4e4);
   color: var(--button-click-color, #232323);
 }
-button[custom='black'] {
+button[custom="black"] {
   --button-bgcolor: #232323;
   --button-color: #fff;
   --button-click-bgcolor: #333;