sys.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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. /*字体颜色*/
  13. .sys-color-white{
  14. color: #fff;
  15. }
  16. .sys-color-green{
  17. color: #12CE87;
  18. }
  19. .sys-color-black{
  20. color: #141414;
  21. }
  22. .sys-color-black-0{
  23. color: #000;
  24. }
  25. .sys-color-gray-9{
  26. color: #999999;
  27. }
  28. .sys-color-gray-6{
  29. color: #666666;
  30. }
  31. .sys-color-gray-3{
  32. color: #333333;
  33. }
  34. /*背景颜色*/
  35. .sys-background-black{
  36. background-color: #141414;
  37. }
  38. .sys-background-gray-9{
  39. background-color: #999999;
  40. }
  41. .sys-background-green{
  42. background-color: #12CE87;
  43. }
  44. /*未选中按钮*/
  45. .sys-unselected-but{
  46. opacity: 0.1;
  47. transition: .5s ease;
  48. }
  49. .sys-selected-but{
  50. border-radius: 200rpx;
  51. height: 88rpx;
  52. line-height: 88rpx;
  53. text-align: center;
  54. transition: .5s ease;
  55. }
  56. .sys-webkit-box{
  57. display: -webkit-box;
  58. -webkit-line-clamp: 1;
  59. -webkit-box-orient: vertical;
  60. overflow: hidden;
  61. }
  62. .sys-webkit-box-2{
  63. -webkit-line-clamp: 2;
  64. }
  65. .sys-webkit-box-3{
  66. -webkit-line-clamp: 3;
  67. }
  68. .sys-height-44{
  69. height: 44rpx;
  70. line-height: 44rpx;
  71. }