wfwzxxcx.wxss 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. /* pages/minePages/wfwzxxcx/wfwzxxcx.wxss */
  2. .wfwzxxcx-container {
  3. width: 100%;
  4. height: 100vh;
  5. background: linear-gradient(179deg, #cce1ff 0%, #ffffff 53%, #f9fbff 78%, #f8fbff 100%);
  6. }
  7. .content-container {
  8. margin: 0 40rpx;
  9. width: calc(100% - 80rpx);
  10. }
  11. .cxxx-form {
  12. padding: 20rpx 30rpx;
  13. margin-top: 20rpx;
  14. width: 100%;
  15. background: #ffffff;
  16. border-radius: 10rpx;
  17. box-shadow: 0px 6rpx 12rpx 0px rgba(0, 0, 0, 0.05);
  18. box-sizing: border-box;
  19. }
  20. .form-item {
  21. width: 100%;
  22. height: 90rpx;
  23. display: flex;
  24. align-items: center;
  25. }
  26. .item-label {
  27. width: 120rpx;
  28. height: 100%;
  29. font-size: 26rpx;
  30. color: #666666;
  31. font-family: "苹方R";
  32. display: flex;
  33. align-items: center;
  34. justify-content: flex-start;
  35. }
  36. .item-value {
  37. margin-left: 20rpx;
  38. width: 0;
  39. flex: 1;
  40. height: 100%;
  41. font-size: 26rpx;
  42. color: #3B3B3B;
  43. font-family: "苹方R";
  44. display: flex;
  45. align-items: center;
  46. justify-content: flex-start;
  47. border-bottom: 1px solid #E8E8E8;
  48. box-sizing: border-box;
  49. }
  50. .select {
  51. position: relative;
  52. width: 100%;
  53. height: 100%;
  54. font-size: 26rpx;
  55. color: #3B3B3B;
  56. font-family: "苹方R";
  57. display: flex;
  58. align-items: center;
  59. justify-content: flex-start;
  60. box-sizing: border-box;
  61. }
  62. .select::before {
  63. content: "";
  64. position: absolute;
  65. right: 0;
  66. top: clac(50% - 5rpx);
  67. border: 10rpx solid transparent;
  68. border-top-color: #ABABAB;
  69. }
  70. .picker {
  71. min-width: 100%;
  72. min-height: 100%;
  73. box-sizing: border-box;
  74. overflow: hidden;
  75. }
  76. .picker-date {
  77. width: 100%;
  78. height: 90rpx;
  79. font-size: 26rpx;
  80. color: #3B3B3B;
  81. font-family: "苹方R";
  82. display: flex;
  83. align-items: center;
  84. justify-content: flex-start;
  85. }
  86. .result-form {
  87. margin-top: 20rpx;
  88. padding: 20rpx;
  89. width: 100%;
  90. background: #ffffff;
  91. border-radius: 10rpx;
  92. box-shadow: 0px 6rpx 12rpx 0px rgba(0, 0, 0, 0.05);
  93. }
  94. .result-form-item {
  95. width: 100%;
  96. height: fit-content;
  97. min-height: 90rpx;
  98. display: flex;
  99. }
  100. .result-form-label {
  101. padding: 25rpx 0;
  102. width: 160rpx;
  103. height: 100%;
  104. line-height: 40rpx;
  105. font-size: 26rpx;
  106. color: #666666;
  107. font-family: "苹方R";
  108. box-sizing: border-box;
  109. }
  110. .result-form-value {
  111. padding: 25rpx 0;
  112. margin-left: 20rpx;
  113. width: fit-content;
  114. flex: 1;
  115. min-height: 100%;
  116. line-height: 40rpx;
  117. font-size: 26rpx;
  118. color: #3B3B3B;
  119. font-family: "苹方M";
  120. border-bottom: 1px solid #e8e8e8;
  121. box-sizing: border-box;
  122. }
  123. .pop1Contain {
  124. position: relative;
  125. width: 100%;
  126. height: calc(100% - 80rpx);
  127. }
  128. .pop1-title {
  129. position: sticky;
  130. top: 0;
  131. z-index: 9;
  132. width: 100%;
  133. height: 80rpx;
  134. text-align: center;
  135. line-height: 60rpx;
  136. font-family: "苹方M";
  137. font-size: 32rpx;
  138. color: #313131;
  139. background: #ffffff;
  140. }
  141. .pop1list {
  142. width: 100%;
  143. height: 100rpx;
  144. line-height: 100rpx;
  145. font-family: "苹方R";
  146. font-size: 28rpx;
  147. color: #313131;
  148. border-bottom: 1px solid #eeeeee;
  149. }
  150. .buttonActive {
  151. opacity: 0.6;
  152. }