File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 88
99<demo-block title="样式定制">
1010 <van-progress custom-class="progress" pivot-text="橙色" color="#f2826a" percentage="25" />
11- <van-progress custom-class="progress" pivot-text="红色" color="#f3594b " percentage="50" />
11+ <van-progress custom-class="progress" pivot-text="红色" color="#f44 " percentage="50" />
1212 <van-progress
1313 custom-class="progress"
1414 percentage="75"
Original file line number Diff line number Diff line change 1313 steps="{{ steps }}"
1414 active="{{ active }}"
1515 direction="vertical"
16- active-color="#f60 "
16+ active-color="#f44 "
1717 />
1818</demo-block>
Original file line number Diff line number Diff line change 3838
3939 &__info {
4040 position : absolute ;
41- top : 2 px ;
41+ top : 4 px ;
4242 right : 2px ;
4343 color : @white ;
44- font-size : 10 px ;
45- font-weight : normal ;
44+ font-size : 12 px ;
45+ font-weight : 500 ;
4646 transform : scale (0.8 );
4747 text-align : center ;
4848 box-sizing : border-box ;
Original file line number Diff line number Diff line change 1919
2020 &__message {
2121 padding : 25px ;
22+ font-size : 14px ;
2223 line-height : 1.5 ;
2324
2425 &--has-title {
25- font-size : 14px ;
2626 padding-top : 12px ;
2727 color : @gray-darker ;
2828 }
Original file line number Diff line number Diff line change 1818 color : #fff ;
1919 left : 100% ;
2020 top : -.5em ;
21- font-size : .5 em ;
22- padding : 0 .3 em ;
21+ font-size : .6 em ;
22+ padding : 0 .25 em ;
2323 text-align : center ;
24- min-width : 1.2 em ;
25- line-height : 1.2 ;
24+ min-width : 1.4 em ;
25+ line-height : 1.4 ;
2626 position : absolute ;
2727 border-radius : .6em ;
2828 box-sizing : border-box ;
Original file line number Diff line number Diff line change 3838
3939<van-progress
4040 pivot-text =" 红色"
41- color =" #f3594b "
41+ color =" #f44 "
4242 percentage =" 50"
4343/>
4444
Original file line number Diff line number Diff line change 5353 steps =" {{ steps }}"
5454 active =" {{ active }}"
5555 direction =" vertical"
56- active-color =" #f60 "
56+ active-color =" #f44 "
5757/>
5858```
5959
You can’t perform that action at this time.
0 commit comments