sys.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. /*字体大小*/
  2. .sys-size-24{
  3. font-size: 24rpx;
  4. }
  5. /*字体粗细*/
  6. .sys-weight-600{
  7. font-weight: 600;
  8. }
  9. .sys-weight-400{
  10. font-weight: 400;
  11. }
  12. .sys-weight-500{
  13. font-weight: 500;
  14. }
  15. /*字体颜色*/
  16. .sys-color-white{
  17. color: #fff;
  18. }
  19. .sys-color-green{
  20. color: #12CE87;
  21. }
  22. .sys-color-black{
  23. color: #141414;
  24. }
  25. .sys-color-black-0{
  26. color: #000;
  27. }
  28. .sys-color-black-3{
  29. color: #333;
  30. }
  31. .sys-color-gray-9{
  32. color: #999999;
  33. }
  34. .sys-color-gray-6{
  35. color: #666666;
  36. }
  37. .sys-color-gray-3{
  38. color: #333333;
  39. }
  40. .sys-color-yellow{
  41. color: #FFC107;
  42. }
  43. /*背景颜色*/
  44. .sys-background-black{
  45. background-color: #141414;
  46. }
  47. .sys-background-gray-9{
  48. background-color: #999999;
  49. }
  50. .sys-background-green{
  51. background-color: #12CE87;
  52. }
  53. .sys-background-yellow{
  54. background-color: #FFC107;
  55. }
  56. .sys-radius-200{
  57. border-radius: 200rpx;
  58. }
  59. /*未选中按钮*/
  60. .sys-unselected-but{
  61. opacity: 0.1;
  62. transition: .5s ease;
  63. }
  64. .sys-selected-but{
  65. border-radius: 200rpx;
  66. height: 88rpx;
  67. line-height: 88rpx;
  68. text-align: center;
  69. transition: .5s ease;
  70. }
  71. .sys-webkit-box{
  72. display: -webkit-box;
  73. -webkit-line-clamp: 1;
  74. -webkit-box-orient: vertical;
  75. overflow: hidden;
  76. }
  77. .sys-webkit-box-2{
  78. -webkit-line-clamp: 2;
  79. }
  80. .sys-webkit-box-3{
  81. -webkit-line-clamp: 3;
  82. }
  83. .sys-height-44{
  84. height: 44rpx;
  85. line-height: 44rpx;
  86. }
  87. .sys-height-34{
  88. height: 34rpx;
  89. line-height: 34rpx;
  90. }