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.

139 lines
2.3 KiB

8 months ago
8 months ago
8 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. }
  41. .pageBgImg {
  42. font-size: 28rpx;;
  43. color: #333;
  44. background: #F6F6F6;
  45. background-color: #1989fa;
  46. width: 100%;
  47. height: 324rpx;
  48. }
  49. .pad {
  50. padding: 0 28rpx;
  51. }
  52. .card {
  53. width: 100%;
  54. background: #fff;
  55. border-radius: 16rpx;
  56. }
  57. .status_bar {
  58. height: var(--status-bar-height);
  59. width: 100%;
  60. }
  61. image {
  62. display: block;
  63. width: 100%;
  64. height: 100%;
  65. }
  66. .placeholderClassFFF {
  67. color: #fff !important;
  68. }
  69. .starBox {
  70. display: flex;
  71. .num {
  72. color: $themC;
  73. font-size: 24rpx;
  74. }
  75. }
  76. .my .u-input {
  77. height: 100%;
  78. }
  79. .h1 {
  80. font-size: 32rpx;
  81. color: #333;
  82. font-weight: 500;
  83. position: relative;
  84. padding: 0 0 0 32rpx;
  85. &::before {
  86. position: absolute;
  87. content: '';
  88. width: 8rpx;
  89. height: 32rpx;
  90. background: #1F6EFA;
  91. border-radius: 4rpx;
  92. top: 50%;
  93. transform: translateY(-50%);
  94. left: 0;
  95. }
  96. }
  97. .btnBg {
  98. height: 72rpx;
  99. background: #1989FA;
  100. border-radius: 8rpx;
  101. line-height: 72rpx;
  102. text-align: center;
  103. font-size: 28rpx;
  104. color: #fff;
  105. }
  106. .btnBorder {
  107. height: 72rpx;
  108. background: #DFEAF5;
  109. border-radius: 8rpx;
  110. line-height: 72rpx;
  111. text-align: center;
  112. font-size: 28rpx;
  113. color:$themC;
  114. border: 2rpx solid #1989FA;
  115. }
  116. /* 通用 */
  117. ::-webkit-input-placeholder { color:#BBBBBB; }
  118. ::-moz-placeholder { color:#BBBBBB; } /* firefox 19+ */
  119. :-ms-input-placeholder { color:#BBBBBB; } /* ie */
  120. input:-moz-placeholder { color:#BBBBBB; }
  121. input::-webkit-input-placeholder {
  122. color: #BBBBBB !important;
  123. }
  124. input::-moz-input-placeholder {
  125. color: #BBBBBB !important;
  126. }
  127. input::-ms-input-placeholder {
  128. color: #BBBBBB !important;
  129. }