sys.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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-gray-9{
  29. color: #999999;
  30. }
  31. .sys-color-gray-6{
  32. color: #666666;
  33. }
  34. .sys-color-gray-3{
  35. color: #333333;
  36. }
  37. .sys-color-yellow{
  38. color: #FFC107;
  39. }
  40. /*背景颜色*/
  41. .sys-background-black{
  42. background-color: #141414;
  43. }
  44. .sys-background-gray-9{
  45. background-color: #999999;
  46. }
  47. .sys-background-green{
  48. background-color: #12CE87;
  49. }
  50. .sys-background-yellow{
  51. background-color: #FFC107;
  52. }
  53. .sys-radius-200{
  54. border-radius: 200rpx;
  55. }
  56. /*未选中按钮*/
  57. .sys-unselected-but{
  58. opacity: 0.1;
  59. transition: .5s ease;
  60. }
  61. .sys-selected-but{
  62. border-radius: 200rpx;
  63. height: 88rpx;
  64. line-height: 88rpx;
  65. text-align: center;
  66. transition: .5s ease;
  67. }
  68. .sys-webkit-box{
  69. display: -webkit-box;
  70. -webkit-line-clamp: 1;
  71. -webkit-box-orient: vertical;
  72. overflow: hidden;
  73. }
  74. .sys-webkit-box-2{
  75. -webkit-line-clamp: 2;
  76. }
  77. .sys-webkit-box-3{
  78. -webkit-line-clamp: 3;
  79. }
  80. .sys-height-44{
  81. height: 44rpx;
  82. line-height: 44rpx;
  83. }