common.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  1. @font-face {
  2. font-family: DINPro-Regular;
  3. src: url("/static/css/DIN-Regular.otf");
  4. }
  5. @font-face {
  6. font-family: DIN-Medium;
  7. src: url("/static/css/DIN-Medium.otf");
  8. }
  9. page {
  10. background: #F5F5F6;
  11. color: #2D405E;
  12. font-family: DINPro-Regular;
  13. font-weight: 400;
  14. }
  15. ol,
  16. ul {
  17. list-style: none;
  18. padding: 0;
  19. margin: 0;
  20. /*清除列表默认样式*/
  21. }
  22. /* input 样式 */
  23. .input-pl {
  24. color: #CAD0D7;
  25. font-size: 24rpx;
  26. }
  27. /* 浮动样式 */
  28. .clearfix:after {
  29. display: block;
  30. clear: both;
  31. content: '';
  32. visibility: hidden;
  33. height: 0;
  34. }
  35. .clearfix {
  36. zoom: 1;
  37. }
  38. .float_left {
  39. float: left;
  40. }
  41. .float_right {
  42. float: right;
  43. }
  44. .submit-btn {
  45. position: fixed;
  46. width: 100%;
  47. left: 0;
  48. bottom: 0;
  49. padding: 20rpx;
  50. background-color: #FFFFFF;
  51. z-index: 999;
  52. border-top: 1px solid #ECF0F7;
  53. }
  54. .submit-btn .btn-min {
  55. font-size: 28rpx;
  56. color: #FFFFFF;
  57. background-color: #007AFF;
  58. text-align: center;
  59. line-height: 80rpx;
  60. width: 680rpx;
  61. margin: 0 auto;
  62. text-align: center;
  63. border-radius: 10rpx;
  64. }
  65. .u-list-item {
  66. width: 130rpx !important;
  67. height: 130rpx !important;
  68. ;
  69. }
  70. .empty-view {
  71. padding-top: 200rpx;
  72. }
  73. /*省略号css */
  74. .ellipsis {
  75. overflow: hidden;
  76. text-overflow: ellipsis;
  77. display: -webkit-box;
  78. -webkit-box-orient: vertical;
  79. -webkit-line-clamp: 1;
  80. }
  81. /* 状态样式 */
  82. /* 状态颜色 */
  83. .primary-status,
  84. .warning-status,
  85. .info-status,
  86. .danger-status,
  87. .success-status {
  88. font-size: 26rpx;
  89. }
  90. .success-status:before {
  91. content: ' ';
  92. display: inline-block;
  93. width: 8px;
  94. height: 8px;
  95. background: #36B365;
  96. border-radius: 100%;
  97. margin-right: 7px;
  98. }
  99. .danger-status:before {
  100. content: ' ';
  101. display: inline-block;
  102. width: 8px;
  103. height: 8px;
  104. background: #ff4501;
  105. border-radius: 100%;
  106. margin-right: 7px;
  107. }
  108. .info-status:before {
  109. content: ' ';
  110. display: inline-block;
  111. width: 8px;
  112. height: 8px;
  113. background: #CAD0D7;
  114. border-radius: 100%;
  115. margin-right: 7px;
  116. }
  117. .warning-status:before {
  118. content: ' ';
  119. display: inline-block;
  120. width: 8px;
  121. height: 8px;
  122. background: #ff9900;
  123. border-radius: 100%;
  124. margin-right: 7px;
  125. }
  126. .primary-status:before {
  127. content: ' ';
  128. display: inline-block;
  129. width: 8px;
  130. height: 8px;
  131. background: #2979ff;
  132. border-radius: 100%;
  133. margin-right: 7px;
  134. }
  135. .u-load-more-wrap{
  136. line-height: 70rpx !important;
  137. }
  138. .ellipsis {
  139. overflow: hidden;
  140. text-overflow: ellipsis;
  141. display: -webkit-box;
  142. -webkit-box-orient: vertical;
  143. -webkit-line-clamp: 1;
  144. }
  145. .home .u-mode-center-box {
  146. background: rgba(0, 0, 0, 0) !important;
  147. }
  148. /* 一行显示 */
  149. .clamp {
  150. overflow: hidden;
  151. text-overflow: ellipsis;
  152. white-space: nowrap;
  153. display: block;
  154. }
  155. /* 二行显示 */
  156. .clamp2 {
  157. overflow: hidden;
  158. text-overflow: ellipsis;
  159. display: -webkit-box;
  160. -webkit-line-clamp: 2;
  161. -webkit-box-orient: vertical;
  162. }