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.9 KiB

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