bd
/
ui
2
0
Fork 0
Code Issues Pull Requests Wiki Activity

优化样式

master
yutent 2023-11-22 11:44:23 +08:00
parent 15757f9f7a
commit 24095297a5
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/progress/index.js
View File

@ -81,10 +81,10 @@ class Progress extends Component {
color: #fff; color: #fff;
&::after { &::after {
display: block;
position: absolute; position: absolute;
left: 50%; left: 50%;
margin-left: -3px; margin-left: -3px;
display: block;
width: 6px; width: 6px;
height: 6px; height: 6px;
background: var(--color-dark-2); background: var(--color-dark-2);
@ -112,8 +112,7 @@ class Progress extends Component {
height: var(--line-width); height: var(--line-width);
border-radius: 32px; border-radius: 32px;
background: var(--wc-progress-active-color, var(--color-teal-1)); background: var(--wc-progress-active-color, var(--color-teal-1));
transition: 0.6s ease; transition: width 0.5s ease;
transition-property: width, background;
} }
} }
`, `,
@ -131,10 +130,10 @@ class Progress extends Component {
fill: none; fill: none;
stroke-linecap: round; stroke-linecap: round;
stroke-width: var(--line-width); stroke-width: var(--line-width);
transition: stroke-dasharray 0.6s ease 0s, stroke 0.6s ease; transition: stroke-dasharray 0.5s ease;
} }
text { text {
font-size: calc(var(--line-width) * 4.5); font-size: calc(var(--line-width) * 4);
fill: currentColor; fill: currentColor;
text-anchor: middle; text-anchor: middle;
alignment-baseline: middle; alignment-baseline: middle;