feat(Popup): update css vars

Tencent · Jul 31, 2024 · 2c70cd3 · 2c70cd3
1 parent 80f330f
commit 2c70cd3
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/script/generate-css-vars.js b/script/generate-css-vars.js
@@ -39,8 +39,8 @@ if (combine[COMPONENT_NAME]) {
 }
 
 // 追加到文件
-const cssVariableHeadContent = `\n\n### CSS 变量\n组件提供了下列 CSS 变量，可用于自定义样式。\n名称 | 默认值 | 描述 \n-- | -- | --\n`;
-const cssVariableHeadContentEn = `\n\n### CSS Variables\nThe component provides the following CSS variables, which can be used to customize styles.\nName | Default Value | Description \n-- | -- | --\n`;
+const cssVariableHeadContent = `\n\n### CSS Variables\n\n组件提供了下列 CSS 变量，可用于自定义样式。\n名称 | 默认值 | 描述 \n-- | -- | --\n`;
+const cssVariableHeadContentEn = `\n\n### CSS Variables\n\nThe component provides the following CSS variables, which can be used to customize styles.\nName | Default Value | Description \n-- | -- | --\n`;
 
 fs.appendFileSync(resolveCwd(`src/${COMPONENT_NAME}/README.md`), cssVariableHeadContent);
 fs.appendFileSync(resolveCwd(`src/${COMPONENT_NAME}/README.en-US.md`), cssVariableHeadContentEn);

diff --git a/src/popup/README.en-US.md b/src/popup/README.en-US.md
@@ -40,4 +40,5 @@ The component provides the following CSS variables, which can be used to customi
 Name | Default Value | Description 
 -- | -- | --
 --td-popup-bg-color | @bg-color-container | - 
---td-popup-border-radius | @radius-default | -
+--td-popup-border-radius | @radius-default | - 
+--td-popup-close-btn-color | @text-color-primary | - 
diff --git a/src/popup/README.md b/src/popup/README.md
@@ -79,4 +79,5 @@ t-class-content | 内容样式类
 名称 | 默认值 | 描述 
 -- | -- | --
 --td-popup-bg-color | @bg-color-container | - 
---td-popup-border-radius | @radius-default | -
+--td-popup-border-radius | @radius-default | - 
+--td-popup-close-btn-color | @text-color-primary | - 
diff --git a/src/popup/popup.less b/src/popup/popup.less
@@ -7,6 +7,8 @@
 @popup-bg-color: var(--td-popup-bg-color, @bg-color-container);
 @popup-border-radius: var(--td-popup-border-radius, @radius-default);
 
+@popup-close-btn-color: var(--td-popup-close-btn-color, @text-color-primary);
+
 .@{popup} {
   position: fixed;
   z-index: 11500;
@@ -25,6 +27,7 @@
     right: 0;
     padding: 20rpx;
     line-height: 1;
+    color: @popup-close-btn-color;
   }
 
   &--top {