common.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. .page-box{
  2. box-sizing: border-box;
  3. padding-bottom: env(safe-area-inset-bottom);
  4. }
  5. .iPhone-padding{
  6. box-sizing: border-box;
  7. padding-bottom: env(safe-area-inset-bottom);
  8. }
  9. /*字体大小*/
  10. .sys-size-16{
  11. font-size: 16rpx;
  12. }
  13. .sys-size-20{
  14. font-size: 20rpx;
  15. }
  16. .sys-size-22{
  17. font-size: 22rpx;
  18. }
  19. .sys-size-24{
  20. font-size: 24rpx;
  21. }
  22. .sys-size-26{
  23. font-size: 26rpx;
  24. }
  25. .sys-size-28{
  26. font-size: 28rpx;
  27. }
  28. .sys-size-30{
  29. font-size: 30rpx;
  30. }
  31. .sys-size-32{
  32. font-size: 32rpx;
  33. }
  34. .sys-size-34{
  35. font-size: 34rpx;
  36. }
  37. .sys-size-36{
  38. font-size: 36rpx;
  39. }
  40. .sys-size-40{
  41. font-size: 40rpx;
  42. }
  43. .sys-size-44{
  44. font-size: 44rpx;
  45. }
  46. .sys-size-48{
  47. font-size: 48rpx;
  48. }
  49. .sys-size-64{
  50. font-size: 64rpx;
  51. }
  52. /*字体粗细*/
  53. .sys-weight-600{
  54. font-weight: 600;
  55. }
  56. .sys-weight-400{
  57. font-weight: 400;
  58. }
  59. .sys-weight-500{
  60. font-weight: 500;
  61. }
  62. /* box 圆角 */
  63. .sys-radius-4{
  64. border-radius: 4rpx;
  65. }
  66. .sys-radius-8{
  67. border-radius: 8rpx;
  68. }
  69. .sys-radius-12{
  70. border-radius: 12rpx;
  71. }
  72. .sys-radius-16{
  73. border-radius: 16rpx;
  74. }
  75. .sys-radius-10{
  76. border-radius: 10rpx;
  77. }
  78. .sys-radius-20{
  79. border-radius: 20rpx;
  80. }
  81. .sys-radius-30{
  82. border-radius: 30rpx;
  83. }
  84. .sys-radius-50{
  85. border-radius: 50rpx;
  86. }
  87. .sys-radius-100{
  88. border-radius: 100rpx;
  89. }
  90. .sys-radius-200{
  91. border-radius: 200rpx;
  92. }
  93. /*按钮样式*/
  94. .sys-selected-but{
  95. text-align: center;
  96. transition: .5s ease;
  97. opacity: 1;
  98. }
  99. .sys-unselected-but{
  100. opacity: 0.5;
  101. transition: .5s ease;
  102. }
  103. /*文字排版*/
  104. .sys-webkit-box{
  105. display: -webkit-box;
  106. -webkit-line-clamp: 1;
  107. -webkit-box-orient: vertical;
  108. overflow: hidden;
  109. }
  110. .sys-webkit-box-2{
  111. -webkit-line-clamp: 2 !important;
  112. }
  113. .sys-webkit-box-3{
  114. -webkit-line-clamp: 3 !important;
  115. }
  116. .text-center{
  117. text-align: center;
  118. }
  119. .sys-tab-height{
  120. height: 134rpx;
  121. }