index.wxss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. .content {
  5. display: flex;
  6. flex-direction: column;
  7. width: 100vw;
  8. height: 100vh;
  9. }
  10. .content .one {
  11. position: relative;
  12. flex-grow: 1;
  13. }
  14. .content .one .one_1 {
  15. border-bottom: 0.5vw solid var(--f9Color);
  16. }
  17. .content .one .one_1 swiper {
  18. height: 44vh !important;
  19. }
  20. .content .one .one_1 .list {
  21. border-radius: 5px;
  22. }
  23. .content .one .one_1 .list .image {
  24. width: 100%;
  25. height: 100%;
  26. border-radius: 5px;
  27. background-color: #fff;
  28. }
  29. .content .one .one_2 {
  30. border-bottom: 0.5vw solid var(--f9Color);
  31. padding: 2vw;
  32. }
  33. .content .one .one_2 .money {
  34. font-size: 20px;
  35. padding: 0 1vw 0 0;
  36. color: var(--fF0Color);
  37. font-weight: bold;
  38. }
  39. .content .one .one_2 .money text {
  40. font-size: 14px;
  41. }
  42. .content .one .one_3 {
  43. display: flex;
  44. flex-wrap: wrap;
  45. padding: 1vw;
  46. border-bottom: 0.5vw solid var(--f9Color);
  47. }
  48. .content .one .one_4 {
  49. border-bottom: 0.5vw solid var(--f9Color);
  50. padding: 2vw;
  51. }
  52. .content .one .one_4 .name {
  53. width: 100%;
  54. overflow: hidden;
  55. text-overflow: ellipsis;
  56. word-break: break-all;
  57. font-size: 17px;
  58. font-weight: bold;
  59. margin: 0 0 2vw 0;
  60. }
  61. .content .one .one_4 .brief {
  62. font-size: 14px;
  63. color: var(--f85Color);
  64. margin: 0 0 1vw 0;
  65. }
  66. .content .one .one_5 {
  67. text-align: center;
  68. margin: 0 0 15vw 0;
  69. }
  70. .content .one .one_5 .list .image {
  71. border-radius: 5px;
  72. background-color: #fff;
  73. }
  74. .content .bottom {
  75. width: 100vw;
  76. position: fixed;
  77. bottom: 0;
  78. left: 0px;
  79. right: 0px;
  80. }
  81. .scroll-view {
  82. position: absolute;
  83. top: 0;
  84. left: 0;
  85. right: 0;
  86. bottom: 0;
  87. }
  88. .scroll-view .list-scroll-view {
  89. display: flex;
  90. flex-direction: column;
  91. }