Skip to content

Commit f489baf

Browse files
authored
feat(Progress): add some css variables (#2813)
1 parent a4a77af commit f489baf

File tree

3 files changed

+16
-6
lines changed

3 files changed

+16
-6
lines changed

src/progress/README.en-US.md

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,5 +29,10 @@ The component provides the following CSS variables, which can be used to customi
2929
Name | Default Value | Description
3030
-- | -- | --
3131
--td-progress-circle-inner-bg-color | @font-white-1 | -
32+
--td-progress-circle-width | 224rpx | -
3233
--td-progress-inner-bg-color | @brand-color | -
33-
--td-progress-track-bg-color | @bg-color-component | -
34+
--td-progress-line-stroke-width | 12rpx | -
35+
--td-progress-stroke-circle-width | 12rpx | -
36+
--td-progress-stroke-plump-width | 40rpx | -
37+
--td-progress-track-bg-color | @bg-color-component | -
38+

src/progress/README.md

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -85,5 +85,10 @@ t-class-label | 标签样式类
8585
名称 | 默认值 | 描述
8686
-- | -- | --
8787
--td-progress-circle-inner-bg-color | @font-white-1 | -
88+
--td-progress-circle-width | 224rpx | -
8889
--td-progress-inner-bg-color | @brand-color | -
89-
--td-progress-track-bg-color | @bg-color-component | -
90+
--td-progress-line-stroke-width | 12rpx | -
91+
--td-progress-stroke-circle-width | 12rpx | -
92+
--td-progress-stroke-plump-width | 40rpx | -
93+
--td-progress-track-bg-color | @bg-color-component | -
94+

src/progress/progress.less

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
@import '../common/style/index.less';
22

3-
@progress-line-stroke-width: 12rpx; // line 进度条线宽
4-
@progress-stroke-plump-width: 40rpx; // plump 进度条线宽
5-
@progress-stroke-circle-width: 12rpx; // circle 进度条线宽
3+
@progress-line-stroke-width: var(--td-progress-line-stroke-width, 12rpx); // line 进度条线宽
4+
@progress-stroke-plump-width: var(--td-progress-stroke-plump-width, 40rpx); // plump 进度条线宽
5+
@progress-stroke-circle-width: var(--td-progress-stroke-circle-width, 12rpx); // circle 进度条线宽
66
@progress-line-icon-font-size: calc(@font-size-base + 2px);
77
@progress-circle-icon-font-size: 96rpx;
88
@progress-plump-label-font-size: @font-size-s;
9-
@progress-circle-width: 224rpx;
9+
@progress-circle-width: var(--td-progress-circle-width, 224rpx);
1010
@progress-circle-label-font-size: 40rpx;
1111
@progress-circle-label-line-height: 56rpx;
1212
@progress-circle-label-font-weight: 700;

0 commit comments

Comments
 (0)