index.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. .container.data-v-57280228 {
  5. /* padding: 20px; */
  6. font-size: 14px;
  7. line-height: 24px;
  8. }
  9. .headImg.data-v-57280228 {
  10. height: 180px;
  11. width: 100%;
  12. }
  13. .tabs.data-v-57280228 {
  14. display: flex;
  15. justify-content: space-around;
  16. margin-top: 10px;
  17. }
  18. .tabs > .tab.data-v-57280228 {
  19. width: 20%;
  20. display: flex;
  21. flex-direction: column;
  22. justify-content: center;
  23. align-items: center;
  24. }
  25. .tabs > .tab > image.data-v-57280228 {
  26. width: 40px;
  27. height: 40px;
  28. }
  29. .buttons.data-v-57280228 {
  30. margin-top: 5px;
  31. padding: 10px;
  32. display: flex;
  33. justify-content: space-between;
  34. }
  35. .buttons > .left.data-v-57280228 {
  36. width: calc(50vw - 15px);
  37. height: 40vw;
  38. }
  39. .buttons > .left image.data-v-57280228 {
  40. width: 100%;
  41. height: 100%;
  42. }
  43. .buttons > .right.data-v-57280228 {
  44. width: calc(50vw - 15px);
  45. height: 40vw;
  46. display: flex;
  47. flex-direction: column;
  48. justify-content: space-between;
  49. align-items: center;
  50. }
  51. .buttons > .right image.data-v-57280228 {
  52. width: 100%;
  53. height: calc(50% - 5px);
  54. }
  55. .list-title.data-v-57280228 {
  56. font-size: 16px;
  57. font-weight: 600;
  58. text-align: center;
  59. padding: 10px;
  60. }
  61. .list.data-v-57280228 {
  62. display: grid;
  63. grid-template-columns: 1fr 1fr;
  64. grid-gap: 10px;
  65. padding: 10px;
  66. }
  67. .list .ka.data-v-57280228 {
  68. width: calc(50vw - 15px);
  69. box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.1);
  70. border-radius: 10px;
  71. }
  72. .list .ka .top.data-v-57280228 {
  73. background: linear-gradient(180deg, #FAF1A7 0%, #FFE456 100%);
  74. text-align: center;
  75. display: flex;
  76. justify-content: center;
  77. }
  78. .list .ka .top image.data-v-57280228 {
  79. width: 35vw;
  80. height: 50vw;
  81. }
  82. .list .ka .ka-info.data-v-57280228 {
  83. padding: 10px;
  84. }
  85. .list .ka .ka-info .ka-name.data-v-57280228 {
  86. font-size: 15px;
  87. font-weight: 600;
  88. }
  89. .list .ka .ka-info .row.data-v-57280228 {
  90. margin-top: 5px;
  91. display: flex;
  92. justify-content: space-between;
  93. }
  94. .list .ka .ka-info .row .money.data-v-57280228 {
  95. font-size: 16px;
  96. font-weight: 600;
  97. color: #FF2C43;
  98. }