index.less 644 B

1234567891011121314151617181920212223242526272829303132333435
  1. @import '../style/var';
  2. .van-circle {
  3. position: relative;
  4. text-align: center;
  5. display: inline-block;
  6. svg {
  7. top: 0;
  8. left: 0;
  9. width: 100%;
  10. height: 100%;
  11. position: absolute;
  12. }
  13. &__layer {
  14. fill: none;
  15. stroke-linecap: round;
  16. stroke-dasharray: 3140;
  17. stroke-dashoffset: 3140;
  18. transform: rotate(90deg);
  19. // should not use transform-origin: center
  20. // that will cause incorrect style in android devices
  21. transform-origin: 530px 530px;
  22. }
  23. &__text {
  24. top: 50%;
  25. left: 0;
  26. width: 100%;
  27. color: @circle-text-color;
  28. position: absolute;
  29. transform: translateY(-50%);
  30. }
  31. }