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.

netWork.wxss 2.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. @charset "UTF-8";
  2. .popupContainer {
  3. display: flex;
  4. flex-direction: column;
  5. height: 100%;
  6. background: #f8f8f8;
  7. }
  8. .popupContainer_search {
  9. padding-bottom: 10rpx;
  10. }
  11. .popupHeader {
  12. font-weight: 500;
  13. font-size: 36rpx;
  14. color: #3d3d3d;
  15. line-height: 36rpx;
  16. padding: 32rpx 0rpx;
  17. text-align: center;
  18. flex: 0 0 auto;
  19. padding: 10px;
  20. /* 固定在顶部 */
  21. position: sticky;
  22. top: 0;
  23. z-index: 1;
  24. }
  25. .popupContent {
  26. flex: 1 1 auto;
  27. overflow-y: auto;
  28. padding: 10px;
  29. }
  30. .popupContent .active {
  31. border-radius: 10rpx;
  32. border: 2rpx solid #08ba81;
  33. position: relative;
  34. }
  35. .popupContent .active .icon {
  36. position: absolute;
  37. right: 0;
  38. bottom: 0;
  39. }
  40. .item-title {
  41. padding: 24rpx;
  42. display: flex;
  43. justify-content: space-between;
  44. align-items: center;
  45. line-height: 52rpx;
  46. }
  47. .item-left {
  48. text-align: left;
  49. font-weight: 500;
  50. font-size: 32rpx;
  51. color: #333333;
  52. text-align: left;
  53. }
  54. .item-right {
  55. text-align: right;
  56. font-weight: 400;
  57. font-size: 28rpx;
  58. color: #999999;
  59. }
  60. .item {
  61. margin-bottom: 24rpx;
  62. background: #ffffff;
  63. }
  64. .item-label {
  65. padding: 0rpx 24rpx;
  66. }
  67. .vtag {
  68. padding: 12rpx 20rpx !important;
  69. background: rgba(0, 179, 139, 0.08) !important;
  70. border-radius: 4rpx !important;
  71. font-weight: 400;
  72. font-size: 26rpx !important;
  73. color: #00b38b !important;
  74. line-height: 26rpx !important;
  75. margin-right: 8rpx;
  76. }
  77. .popupContainer {
  78. display: flex;
  79. flex-direction: column;
  80. height: 100%;
  81. background: #f8f8f8;
  82. }
  83. .popupHeader {
  84. font-weight: 500;
  85. font-size: 36rpx;
  86. color: #3d3d3d;
  87. line-height: 36rpx;
  88. padding: 32rpx 0rpx;
  89. text-align: center;
  90. flex: 0 0 auto;
  91. padding: 10px;
  92. /* 固定在顶部 */
  93. position: sticky;
  94. top: 0;
  95. z-index: 1;
  96. }
  97. .popupButtton {
  98. flex: 0 0 auto;
  99. padding: 10px;
  100. /* 固定在底部 */
  101. position: sticky;
  102. bottom: 0;
  103. z-index: 1;
  104. background-color: #ffffff;
  105. text-align: center;
  106. z-index: 999;
  107. }
  108. .popupButtton .pButton {
  109. width: 640rpx;
  110. height: 100rpx;
  111. background: #00b38b;
  112. border-radius: 10rpx 10rpx 10rpx 10rpx;
  113. font-weight: 400;
  114. font-size: 32rpx;
  115. color: #ffffff;
  116. line-height: 44rpx;
  117. text-align: center;
  118. margin-top: 18rpx;
  119. }