badge.wxss 877 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. /* color start*/
  2. .tui-primary {
  3. background: #5677fc;
  4. color: #fff;
  5. }
  6. .tui-danger {
  7. background: #ed3f14;
  8. color: #fff;
  9. }
  10. .tui-red {
  11. background: #ff201f;
  12. color: #fff;
  13. }
  14. .tui-warning {
  15. background: #ff7900;
  16. color: #fff;
  17. }
  18. .tui-green {
  19. background: #19be6b;
  20. color: #fff;
  21. }
  22. .tui-white {
  23. background: #fff;
  24. color: #333;
  25. }
  26. .tui-black {
  27. background: #000;
  28. color: #fff;
  29. }
  30. .tui-gray {
  31. background: #ededed;
  32. color: #999;
  33. }
  34. /* color end*/
  35. /* badge start*/
  36. .tui-badge-dot {
  37. height: 16rpx;
  38. width: 16rpx;
  39. border-radius: 8rpx;
  40. /* display: inline-block;
  41. vertical-align: middle; */
  42. line-height: 1;
  43. }
  44. .tui-badge {
  45. font-size: 12px;
  46. line-height: 1;
  47. /* display: inline-block;
  48. vertical-align: middle; */
  49. padding: 3px 6px;
  50. border-radius: 50px;
  51. }
  52. .tui-badge-small {
  53. transform: scale(0.8);
  54. transform-origin: center center;
  55. }
  56. /* badge end*/