You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

164 lines
2.6 KiB

9 months ago
6 months ago
9 months ago
6 months ago
6 months ago
9 months ago
6 months ago
9 months ago
9 months ago
  1. page {
  2. background-color: #fff;
  3. font-size: 32rpx;
  4. font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
  5. }
  6. view {
  7. box-sizing: border-box;
  8. }
  9. .oneRowText {
  10. white-space: nowrap;
  11. overflow: hidden;
  12. text-overflow: ellipsis;
  13. }
  14. .towRowText {
  15. display: -webkit-box;
  16. overflow: hidden;
  17. white-space: normal;
  18. text-overflow: ellipsis;
  19. word-wrap: break-word;
  20. -webkit-line-clamp: 2;
  21. -webkit-box-orient: vertical
  22. }
  23. .bgLinear {
  24. background: linear-gradient(180deg, #3593FB 0%, #53D3E5 100%);
  25. }
  26. .flex-b {
  27. justify-content: space-between;
  28. display: flex;
  29. align-items: center;
  30. }
  31. .flex {
  32. display: flex;
  33. align-items: center;
  34. }
  35. .pageBg {
  36. background: #F6F6F6;
  37. color: #333;
  38. font-size: 28rpx;
  39. min-height: 100vh;
  40. position: relative;
  41. width: 100%;
  42. padding-bottom: 50rpx;
  43. }
  44. .pageBgImg {
  45. font-size: 28rpx;;
  46. color: #333;
  47. background: #F6F6F6;
  48. position: relative;
  49. width: 100%;
  50. z-index: 0;
  51. min-height: 100vh;
  52. padding-bottom: 50rpx;
  53. &::before {
  54. content: '';
  55. position: absolute;
  56. left: 0;
  57. top: 0;
  58. z-index: -2;
  59. height: 324rpx;
  60. width: 100%;
  61. background-color: #1989fa;
  62. }
  63. }
  64. .bgImg {
  65. height: auto;
  66. width: 100%;
  67. background-color: #1989fa;
  68. }
  69. .poz2 {
  70. position: relative;
  71. z-index: 2;
  72. }
  73. .pad {
  74. padding: 0 28rpx;
  75. }
  76. .card {
  77. width: 100%;
  78. background: #fff;
  79. border-radius: 16rpx;
  80. }
  81. .status_bar {
  82. height: var(--status-bar-height);
  83. width: 100%;
  84. }
  85. image {
  86. display: block;
  87. width: 100%;
  88. height: 100%;
  89. }
  90. .placeholderClassFFF {
  91. color: #fff !important;
  92. }
  93. .starBox {
  94. display: flex;
  95. .num {
  96. color: $themC;
  97. font-size: 24rpx;
  98. }
  99. }
  100. .my .u-input {
  101. height: 100%;
  102. }
  103. .h1 {
  104. font-size: 32rpx;
  105. color: #333;
  106. font-weight: 500;
  107. position: relative;
  108. padding: 0 0 0 32rpx;
  109. &::before {
  110. position: absolute;
  111. content: '';
  112. width: 8rpx;
  113. height: 32rpx;
  114. background: #1F6EFA;
  115. border-radius: 4rpx;
  116. top: 50%;
  117. transform: translateY(-50%);
  118. left: 0;
  119. }
  120. }
  121. .btnBg {
  122. height: 72rpx;
  123. background: #1989FA;
  124. border-radius: 8rpx;
  125. line-height: 72rpx;
  126. text-align: center;
  127. font-size: 28rpx;
  128. color: #fff;
  129. }
  130. .btnBorder {
  131. height: 72rpx;
  132. background: #DFEAF5;
  133. border-radius: 8rpx;
  134. line-height: 72rpx;
  135. text-align: center;
  136. font-size: 28rpx;
  137. color:$themC;
  138. border: 2rpx solid #1989FA;
  139. }
  140. /* 通用 */
  141. ::-webkit-input-placeholder { color:#BBBBBB; }
  142. ::-moz-placeholder { color:#BBBBBB; } /* firefox 19+ */
  143. :-ms-input-placeholder { color:#BBBBBB; } /* ie */
  144. input:-moz-placeholder { color:#BBBBBB; }
  145. input::-webkit-input-placeholder {
  146. color: #BBBBBB !important;
  147. }
  148. input::-moz-input-placeholder {
  149. color: #BBBBBB !important;
  150. }
  151. input::-ms-input-placeholder {
  152. color: #BBBBBB !important;
  153. }