Ana Sayfa Keşfet Yardım
Giriş Yap
yp_web
/
gupiao-web
13
0
Çatalla 0
Dosyalar Sorunlar 0 Değişiklik İstekleri 0 Wiki
Ağaç: ee9a87906f
Dallar Biçim İmleri
gupiao-web
/
dist
/
dev
/
mp-weixin
/
pages
/
pool
/
pool.wxss

pool.wxss 1.7 KB
Geçmiş Ham

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 
  1. 

  2. .page-container {
    3. 

  3.   height: 100vh;
    4. 

  4.   display: flex;
    5. 

  5.   flex-direction: column;
    6. 

  6.   background: #f5f6fb;
    7. 

  7. }
    8. 

  8. .scroll-view {
    9. 

  9.   flex: 1;
    10. 

  10.   height: 0;
    11. 

  11. }
    12. 

  12. .content-wrapper {
    13. 

  13.   padding: 32rpx;
    14. 

  14.   background: #f5f6fb;
    15. 

  15.   min-height: 100%;
    16. 

  16. }
    17. 

  17. .card {
    18. 

  18.   background: #ffffff;
    19. 

  19.   border-radius: 24rpx;
    20. 

  20.   padding: 32rpx;
    21. 

  21.   box-shadow: 0 16rpx 40rpx rgba(37, 52, 94, 0.08);
    22. 

  22.   margin-bottom: 32rpx;
    23. 

  23. }
    24. 

  24. .pool-header-section {
    25. 

  25.   margin-bottom: 24rpx;
    26. 

  26. }
    27. 

  27. .pool-header {
    28. 

  28.   display: flex;
    29. 

  29.   align-items: center;
    30. 

  30.   margin-bottom: 12rpx;
    31. 

  31. }
    32. 

  32. .pool-icon {
    33. 

  33.   font-size: 32rpx;
    34. 

  34.   margin-right: 12rpx;
    35. 

  35. }
    36. 

  36. .pool-title {
    37. 

  37.   font-size: 32rpx;
    38. 

  38.   font-weight: 600;
    39. 

  39.   color: #222222;
    40. 

  40. }
    41. 

  41. .pool-desc {
    42. 

  42.   font-size: 26rpx;
    43. 

  43.   color: #666a7f;
    44. 

  44. }
    45. 

  45. .pool-card {
    46. 

  46.   padding: 32rpx;
    47. 

  47. }
    48. 

  48. .locked-content {
    49. 

  49.   display: flex;
    50. 

  50.   flex-direction: column;
    51. 

  51.   align-items: center;
    52. 

  52.   padding: 60rpx 0 40rpx;
    53. 

  53. }
    54. 

  54. .lock-icon-wrapper {
    55. 

  55.   margin-bottom: 32rpx;
    56. 

  56. }
    57. 

  57. .lock-icon {
    58. 

  58.   font-size: 80rpx;
    59. 

  59. }
    60. 

  60. .lock-text {
    61. 

  61.   font-size: 28rpx;
    62. 

  62.   color: #222222;
    63. 

  63.   margin-bottom: 16rpx;
    64. 

  64.   text-align: center;
    65. 

  65. }
    66. 

  66. .lock-desc {
    67. 

  67.   font-size: 24rpx;
    68. 

  68.   color: #9ca2b5;
    69. 

  69.   margin-bottom: 48rpx;
    70. 

  70.   text-align: center;
    71. 

  71.   line-height: 1.6;
    72. 

  72. }
    73. 

  73. .unlock-button {
    74. 

  74.   width: 100%;
    75. 

  75.   background: linear-gradient(135deg, #5d55e8, #7568ff);
    76. 

  76.   border-radius: 16rpx;
    77. 

  77.   padding: 28rpx 0;
    78. 

  78.   text-align: center;
    79. 

  79.   box-shadow: 0 12rpx 24rpx rgba(93, 85, 232, 0.4);
    80. 

  80. }
    81. 

  81. .unlock-button-text {
    82. 

  82.   font-size: 30rpx;
    83. 

  83.   font-weight: 600;
    84. 

  84.   color: #ffffff;
    85. 

  85. }
    86. 

  86. .unlocked-content {
    87. 

  87.   margin-top: 32rpx;
    88. 

  88. }
    89. 

  89. .unlocked-tip {
    90. 

  90.   font-size: 26rpx;
    91. 

  91.   color: #3abf81;
    92. 

  92.   margin-bottom: 24rpx;
    93. 

  93.   display: block;
    94. 

  94. }
    95. 

  95. .stock-list-placeholder {
    96. 

  96.   padding: 60rpx 0;
    97. 

  97.   text-align: center;
    98. 

  98.   background: #f7f8fc;
    99. 

  99.   border-radius: 16rpx;
    100. 

  100. }
    101. 

  101. .placeholder-text {
    102. 

  102.   font-size: 26rpx;
    103. 

  103.   color: #9ca2b5;
    104. 

  104. }
    105. 

  105. .bottom-safe-area {
    106. 

  106.   height: 80rpx;
    107. 

  107. }
    108.