sldjxxcx.wxss 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. /* pages/minePages/sldjxxcx/sldjxxcx.wxss */
  2. .sldjxxcx-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. .result-form {
  71. margin-top: 20rpx;
  72. padding: 20rpx;
  73. width: 100%;
  74. background: #ffffff;
  75. border-radius: 10rpx;
  76. box-shadow: 0px 6rpx 12rpx 0px rgba(0, 0, 0, 0.05);
  77. }
  78. .result-form-item {
  79. width: 100%;
  80. height: fit-content;
  81. min-height: 90rpx;
  82. display: flex;
  83. }
  84. .result-form-label {
  85. padding: 25rpx 0;
  86. width: 160rpx;
  87. height: 100%;
  88. line-height: 40rpx;
  89. font-size: 26rpx;
  90. color: #666666;
  91. font-family: "苹方R";
  92. box-sizing: border-box;
  93. }
  94. .result-form-value {
  95. padding: 25rpx 0;
  96. margin-left: 20rpx;
  97. width: fit-content;
  98. flex: 1;
  99. min-height: 100%;
  100. line-height: 40rpx;
  101. font-size: 26rpx;
  102. color: #3B3B3B;
  103. font-family: "苹方M";
  104. border-bottom: 1px solid #e8e8e8;
  105. box-sizing: border-box;
  106. }
  107. .pop1Contain {
  108. position: relative;
  109. width: 100%;
  110. height: calc(100% - 80rpx);
  111. }
  112. .pop1-title {
  113. position: sticky;
  114. top: 0;
  115. z-index: 9;
  116. width: 100%;
  117. height: 80rpx;
  118. text-align: center;
  119. line-height: 60rpx;
  120. font-family: "苹方M";
  121. font-size: 32rpx;
  122. color: #313131;
  123. background: #ffffff;
  124. }
  125. .pop1list {
  126. width: 100%;
  127. height: 100rpx;
  128. line-height: 100rpx;
  129. font-family: "苹方R";
  130. font-size: 28rpx;
  131. color: #313131;
  132. border-bottom: 1px solid #eeeeee;
  133. }
  134. .buttonActive {
  135. opacity: 0.6;
  136. }