diff --git a/packages/components/common/style/theme/_components.less b/packages/components/common/style/theme/_components.less index d45272915..a99107d44 100644 --- a/packages/components/common/style/theme/_components.less +++ b/packages/components/common/style/theme/_components.less @@ -24,5 +24,7 @@ --td-switch-dot-disabled-color: var(--td-font-white-2); --td-switch-loading-color: var(--td-font-white-1); + + --td-progress-circle-inner-bg-color: var(--bg-color-page); } } diff --git a/packages/components/progress/README.en-US.md b/packages/components/progress/README.en-US.md index 76c7c58f7..b6d5a5bdd 100644 --- a/packages/components/progress/README.en-US.md +++ b/packages/components/progress/README.en-US.md @@ -43,7 +43,7 @@ Name | Default Value | Description --td-progress-inner-bg-color-success | @success-color | - --td-progress-inner-bg-color-warning | @warning-color | - --td-progress-circle-icon-size | 96rpx | - ---td-progress-circle-inner-bg-color | @text-color-anti | - +--td-progress-circle-inner-bg-color | @bg-color-container | - --td-progress-circle-label-font | @font-title-extraLarge | - --td-progress-circle-width | 224rpx | - --td-progress-inner-bg-color | @brand-color | - diff --git a/packages/components/progress/README.md b/packages/components/progress/README.md index 3453aa071..2ab2123c2 100644 --- a/packages/components/progress/README.md +++ b/packages/components/progress/README.md @@ -95,7 +95,7 @@ t-class-label | 标签样式类 --td-progress-inner-bg-color-success | @success-color | - --td-progress-inner-bg-color-warning | @warning-color | - --td-progress-circle-icon-size | 96rpx | - ---td-progress-circle-inner-bg-color | @text-color-anti | - +--td-progress-circle-inner-bg-color | @bg-color-container | - --td-progress-circle-label-font | @font-title-extraLarge | - --td-progress-circle-width | 224rpx | - --td-progress-inner-bg-color | @brand-color | - diff --git a/packages/components/progress/progress.less b/packages/components/progress/progress.less index ac9e47b59..37cd71d34 100644 --- a/packages/components/progress/progress.less +++ b/packages/components/progress/progress.less @@ -38,7 +38,7 @@ --td-progress-info-light-color, @text-color-anti ); // 进度条浅色label字体颜色(在进度条色块内显示的色值) -@progress-circle-inner-bg-color: var(--td-progress-circle-inner-bg-color, @text-color-anti); // 环境进度条内圆背景色 +@progress-circle-inner-bg-color: var(--td-progress-circle-inner-bg-color, @bg-color-container); // 环境进度条内圆背景色 @progress: ~'@{prefix}-progress'; @@ -141,6 +141,7 @@ .@{progress}__info { margin: 0; + padding: 0; font: @progress-circle-label-font; overflow: hidden; text-overflow: ellipsis; diff --git a/packages/tdesign-miniprogram/example/app.less b/packages/tdesign-miniprogram/example/app.less index 71990cd28..dd1473bc0 100644 --- a/packages/tdesign-miniprogram/example/app.less +++ b/packages/tdesign-miniprogram/example/app.less @@ -19,7 +19,6 @@ page { --bg-color-demo-secondary: var(--td-bg-color-container); --td-navbar-bg-color: var(--td-bg-color-page); --td-navbar-color: var(--td-text-color-primary); - --td-progress-circle-inner-bg-color: var(--bg-color-demo); } .skyline {