Merge branch 'home3.0' of https://git.nianxx.cn/zoujing/YGChatCS into home3.0

src/static/scss/background.scss

@@ -27,6 +27,46 @@
   background-color: #f2f5f8;
 }
 
+.bg-F8FAFC {
+  background-color: #f8fafc;
+}
+
+.bg-F1F5F9 {
+  background-color: #f1f5f9;
+}
+
+.bg-ECFDF5 {
+  background-color: #ecfdf5;
+}
+
+.bg-FFFBEB {
+  background-color: #fffbeb;
+}
+
+.bg-EFF6FF {
+  background-color: #eff6ff;
+}
+
+.bg-F5F3FF {
+  background-color: #f5f3ff;
+}
+
+.bg-FFF1F2 {
+  background-color: #fff1f2;
+}
+
+.bg-CCFBF1 {
+  background-color: #ccfbf1;
+}
+
+.bg-0F172A {
+  background-color: #0f172a;
+}
+
+.bg-0F766E {
+  background-color: #0f766e;
+}
+
 .bg-FF3D60 {
   background-color: #ff3d60;
 }
@@ -58,4 +98,4 @@
 
 .bg-transparent {
   background-color: transparent;
-}
+}

src/static/scss/border.scss

@@ -19,6 +19,14 @@
   border: 1px solid #fff;
 }
 
+.border-F1F5F9 {
+  border: 1px solid #f1f5f9;
+}
+
+.border-bottom-F1F5F9 {
+  border-bottom: 1px solid #f1f5f9;
+}
+
 .border-none {
   border: none;
 

src/static/scss/colors.scss

@@ -68,6 +68,54 @@
   color: #d97706;
 }
 
+.color-0F172A {
+  color: #0f172a;
+}
+
+.color-1E293B {
+  color: #1e293b;
+}
+
+.color-334155 {
+  color: #334155;
+}
+
+.color-475569 {
+  color: #475569;
+}
+
+.color-64748B {
+  color: #64748b;
+}
+
+.color-CBD5E1 {
+  color: #cbd5e1;
+}
+
+.color-2563EB {
+  color: #2563eb;
+}
+
+.color-7C3AED {
+  color: #7c3aed;
+}
+
+.color-E11D48 {
+  color: #e11d48;
+}
+
+.color-0F766E {
+  color: #0f766e;
+}
+
+.color-047857 {
+  color: #047857;
+}
+
+.color-0891B2 {
+  color: #0891b2;
+}
+
 // text 颜色
 .text-color-900 {
   color: $text-color-900; // #181B25

src/static/scss/display.scss

@@ -14,3 +14,11 @@
 .grid {
   display: grid;
 }
+
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}

src/static/scss/flex.scss

@@ -38,3 +38,27 @@
 .flex-shrink-0 {
   flex-shrink: 0;
 }
+
+.gap-6 {
+  gap: 6px;
+}
+
+.gap-8 {
+  gap: 8px;
+}
+
+.gap-10 {
+  gap: 10px;
+}
+
+.gap-12 {
+  gap: 12px;
+}
+
+.gap-14 {
+  gap: 14px;
+}
+
+.gap-16 {
+  gap: 16px;
+}

src/static/scss/font-size.scss

@@ -19,10 +19,18 @@
   font-size: 12px;
 }
 
+.font-size-13 {
+  font-size: 13px;
+}
+
 .font-size-14 {
   font-size: 14px;
 }
 
+.font-size-15 {
+  font-size: 15px;
+}
+
 .font-size-16 {
   font-size: 16px;
 }
@@ -39,6 +47,10 @@
   font-size: 20px;
 }
 
+.font-size-22 {
+  font-size: 22px;
+}
+
 .font-size-24 {
   font-size: 24px;
 }

src/static/scss/font-weight.scss

@@ -18,3 +18,11 @@
 .font-700 {
   font-weight: 700;
 }
+
+.font-800 {
+  font-weight: 800;
+}
+
+.font-900 {
+  font-weight: 900;
+}

src/static/scss/height.scss

@@ -46,6 +46,18 @@
   height: 44px;
 }
 
+.h-42 {
+  height: 42px;
+}
+
+.h-54 {
+  height: 54px;
+}
+
+.h-60 {
+  height: 60px;
+}
+
 .h-64 {
   height: 64px;
 }
@@ -54,10 +66,42 @@
   height: 72px;
 }
 
+.h-72 {
+  height: 72px;
+}
+
 .h-80 {
   height: 80px;
 }
 
+.h-82 {
+  height: 82px;
+}
+
 .h-96 {
   height: 96px;
 }
+
+.h-108 {
+  height: 108px;
+}
+
+.h-154 {
+  height: 154px;
+}
+
+.h-164 {
+  height: 164px;
+}
+
+.h-170 {
+  height: 170px;
+}
+
+.h-178 {
+  height: 178px;
+}
+
+.h-260 {
+  height: 260px;
+}

src/static/scss/padding.scss

@@ -231,6 +231,10 @@
   padding-bottom: 16px;
 }
 
+.p-18 {
+  padding: 18px;
+}
+
 .p-20 {
   padding: 20px;
 }

src/static/scss/position.scss

@@ -18,3 +18,7 @@
 .bottom-0 {
   bottom: 0;
 }
+
+.top-0 {
+  top: 0;
+}

src/static/scss/rounded.scss

@@ -31,6 +31,10 @@
   border-radius: 16px;
 }
 
+.rounded-18 {
+  border-radius: 18px;
+}
+
 .rounded-20 {
   border-radius: 20px;
 }

src/static/scss/width.scss

@@ -34,6 +34,22 @@
   width: 32px;
 }
 
+.w-42 {
+  width: 42px;
+}
+
+.w-44 {
+  width: 44px;
+}
+
+.w-54 {
+  width: 54px;
+}
+
+.w-72 {
+  width: 72px;
+}
+
 .w-50 {
   width: 50%;
 }
@@ -52,4 +68,4 @@
 
 .w-102 {
   width: 102px;
-}
+}