优化样式

master
yutent 2023-11-22 11:44:23 +08:00
parent 15757f9f7a
commit 24095297a5
1 changed files with 4 additions and 5 deletions

View File

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