feat: 增加Result

ant-design · Nov 8, 2024 · 40e32b8 · 40e32b8
1 parent 400c312
commit 40e32b8
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 11 deletions.
diff --git a/src/Rate/index.less b/src/Rate/index.less
@@ -20,11 +20,11 @@
     }
 
     &-icon {
-      color: #eee;
+      color: @rate-icon-color;
     }
 
     &-icon-active {
-      color: @COLOR_YELLOW;
+      color: @rate-active-icon;
     }
 
     &-icon-half-active {

diff --git a/src/Rate/variable.less b/src/Rate/variable.less
@@ -1 +1,5 @@
+@import (reference) '../style/variables.less';
 @import (reference) '../style/themes/index.less';
+
+@rate-active-icon: var(--color-yellow, @COLOR_YELLOW);
+@rate-icon-color: var(--color-border, @COLOR_BORDER);
diff --git a/src/Result/index.less b/src/Result/index.less
@@ -15,7 +15,7 @@
   }
 
   &-main {
-    padding: 70 * @rpx 24 * @rpx; 
+    padding: 70 * @rpx 24 * @rpx;
     margin-bottom: @size-5;
     line-height: 1.4;
     background-color: @result-main-background;
@@ -33,23 +33,23 @@
     line-height: @result-img-size;
 
     &-success {
-      color: @COLOR_BRAND1;
+      color: @result-success-color;
     }
 
     &-error {
-      color: @COLOR_TEXT_WARNING;
+      color: @result-error-color;
     }
 
     &-info {
-      color: @COLOR_BRAND1;
+      color: @result-success-color;
     }
 
     &-warning {
-      color: @COLOR_ORANGE_1;
+      color: @result-warning-color;
     }
 
     &-wait {
-      color: @COLOR_POMONAGREEN_1;
+      color: @result-wait-color;
     }
   }
 

diff --git a/src/Result/variable.less b/src/Result/variable.less
@@ -1,16 +1,25 @@
+@import (reference) '../style/variables.less';
 @import (reference) '../style/themes/index.less';
 
 // 图片尺寸
 @result-img-size: 128 * @rpx;
 // 主区域背景
-@result-main-background: @COLOR_CARD;
+@result-main-background: var(--color-card, @COLOR_CARD);
 // 左右边距
 @result-spacing-LR: @h-spacing-large;
 // 主标题颜色
-@result-title-color: #000000;
+@result-title-color: var(--color-black, @COLOR_BLACK);
 // 主标题大小
 @result-title-size: 40 * @rpx;
 // 描述颜色
-@result-desc-color: #333333;
+@result-desc-color: var(--color-text-primary, @COLOR_TEXT_PRIMARY);
 // 描述大小
 @result-desc-size: 32 * @rpx;
+
+@result-success-color: var(--color-brand1, @COLOR_BRAND1);
+
+@result-error-color: var(--color-text-warning, @COLOR_TEXT_WARNING);
+
+@result-warning-color: var(--color-orange-1, @COLOR_ORANGE_1);
+
+@result-wait-color: var(--color-pomonagreen-1, @COLOR_POMONAGREEN_1);