优化样式
parent
15757f9f7a
commit
24095297a5
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue