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.scss 2.0KB

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