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.

137 lines
2.7 KiB

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