fix(Drawer): resolved css vars name error (#2697)

Tencent · Apr 16, 2024 · 8885cb4 · 8885cb4
1 parent 1e8a6ac
commit 8885cb4
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/src/drawer/README.en-US.md b/src/drawer/README.en-US.md
@@ -32,12 +32,11 @@ Name | Default Value | Description
 --td-drawer-border-color | @border-color | - 
 --td-drawer-footer-padding-bottom | 40rpx | - 
 --td-drawer-hover-color | @bg-color-secondarycontainer | - 
+--td-drawer-item-icon-color | @drawer-title-color
 --td-drawer-item-height | 48rpx | - 
 --td-drawer-item-icon-size | 48rpx | - 
 --td-drawer-item-padding | 32rpx | - 
 --td-drawer-sidebar-height | 70vh | - 
---td-drawer-title-color | --td-drawer-title-color | - 
---td-drawer-title-color | @drawer-title-color | - 
 --td-drawer-title-color | @font-gray-1 | - 
 --td-drawer-title-font-size | 36rpx | - 
 --td-drawer-title-padding | 48rpx 32rpx 16rpx | - 

diff --git a/src/drawer/README.md b/src/drawer/README.md
@@ -68,12 +68,11 @@ overlay-click | \- | 如果蒙层存在，点击蒙层时触发
 --td-drawer-border-color | @border-color | - 
 --td-drawer-footer-padding-bottom | 40rpx | - 
 --td-drawer-hover-color | @bg-color-secondarycontainer | - 
+--td-drawer-item-icon-color | @drawer-title-color
 --td-drawer-item-height | 48rpx | - 
 --td-drawer-item-icon-size | 48rpx | - 
 --td-drawer-item-padding | 32rpx | - 
 --td-drawer-sidebar-height | 70vh | - 
---td-drawer-title-color | --td-drawer-title-color | - 
---td-drawer-title-color | @drawer-title-color | - 
 --td-drawer-title-color | @font-gray-1 | - 
 --td-drawer-title-font-size | 36rpx | - 
 --td-drawer-title-padding | 48rpx 32rpx 16rpx | - 

diff --git a/src/drawer/drawer.less b/src/drawer/drawer.less
@@ -6,7 +6,7 @@
 @drawer-bg-color: var(--td-drawer-bg-color, @bg-color-container);
 @drawer-border-color: var(--td-drawer-border-color, @border-color);
 @drawer-title-color: var(--td-drawer-title-color, @font-gray-1);
-@drawer-icon-color: var(--td-drawer-title-color, @drawer-title-color);
+@drawer-item-icon-color: var(--td-drawer-item-icon-color, @drawer-title-color);
 @drawer-item-padding: var(--td-drawer-item-padding, 32rpx);
 @drawer-item-height: var(--td-drawer-item-height, 48rpx);
 @drawer-item-icon-size: var(--td-drawer-item-icon-size, 48rpx);
@@ -47,12 +47,12 @@
 
       &-title {
         flex: 1;
-        color: var(--td-drawer-title-color);
+        color: @drawer-title-color;
       }
 
       &-icon {
         padding-right: 16rpx;
-        color: @drawer-icon-color;
+        color: @drawer-item-icon-color;
         font-size: @drawer-item-icon-size;
       }
     }