index.wxss 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. page {
  2. font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", sans-serif;
  3. }
  4. .wangbox {
  5. width: 100%;
  6. display: flex;
  7. justify-content: center;
  8. align-items: center;
  9. flex-direction: column;
  10. margin-top: 60rpx;
  11. margin-bottom: 28rpx;
  12. }
  13. .wangbox .wang {
  14. width: 206rpx;
  15. height: 46rpx;
  16. font-size: 32rpx;
  17. color: #67806A;
  18. background-image: url(https://file-cloud.fmode.cn/EbxZUK5lBI/20241126/dm1jj2032446503.png?imageView2/1/w/200/h/200);
  19. background-position: center;
  20. /* 背景图片居中 */
  21. background-repeat: no-repeat;
  22. /* 不重复背景图片 */
  23. display: flex;
  24. justify-content: center;
  25. align-items: center;
  26. }
  27. .wangbox .wang2 {
  28. font-size: 24rpx;
  29. color: #969696;
  30. }
  31. .wang-cardbox {
  32. width: 100%;
  33. background-color: white;
  34. overflow-y: hidden;
  35. padding-bottom: 40rpx;
  36. column-count: 2;
  37. /* 设置列数 */
  38. column-gap: 16rpx;
  39. /* 设置列间距 */
  40. }
  41. .wang-cardbox .wang-card {
  42. break-inside: avoid;
  43. /* 防止卡片在列之间断裂 */
  44. margin-bottom: 20rpx;
  45. /* 设置卡片底部间距 */
  46. width: 100%;
  47. /* 确保卡片宽度为100% */
  48. }
  49. .wang-cardbox .wang-card image {
  50. width: 100%;
  51. height: 204rpx;
  52. border-radius: 10rpx;
  53. }
  54. .wang-cardbox .wang-card .wang-catex {
  55. font-size: 26rpx;
  56. font-weight: 400;
  57. height: 76rpx;
  58. }
  59. .wang-cardbox .wang-card .wang-numbox {
  60. width: 100%;
  61. display: flex;
  62. align-items: center;
  63. }
  64. .wang-cardbox .wang-card .wang-numbox .wang-num {
  65. display: flex;
  66. justify-content: flex-end;
  67. align-items: flex-end;
  68. color: #C5262Ced;
  69. font-size: 30rpx;
  70. }
  71. .wang-cardbox .wang-card .wang-numbox .wang-num .wang-num1 {
  72. font-size: 32rpx;
  73. }
  74. .wang-cardbox .wang-card .wang-numbox .wang-num .wang-num2 {
  75. font-size: 40rpx;
  76. }
  77. .wang-cardbox .wang-card .wang-numbox .wang-submit {
  78. width: 102rpx;
  79. height: 48rpx;
  80. font-size: 28rpx;
  81. color: white;
  82. background-color: #F8DA7F;
  83. border-radius: 15rpx;
  84. display: flex;
  85. justify-content: center;
  86. align-items: center;
  87. margin-left: auto;
  88. }
  89. .more {
  90. width: 100%;
  91. display: flex;
  92. align-items: center;
  93. justify-content: center;
  94. }
  95. .more .more-tex {
  96. font-size: 28rpx;
  97. color: #969696;
  98. }