index.wxss 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. .main.data-v-fde50d66 {
  5. display: flex;
  6. flex-direction: column;
  7. width: 100vw;
  8. height: 100vh;
  9. }
  10. .main .one.data-v-fde50d66 {
  11. display: flex;
  12. justify-content: center;
  13. align-items: center;
  14. padding: 2vw;
  15. }
  16. .main .one input.data-v-fde50d66 {
  17. width: 100%;
  18. padding: 2vw;
  19. background-color: var(--f1Color);
  20. font-size: var(--font14Size);
  21. border-radius: 5px;
  22. }
  23. .main .two.data-v-fde50d66 {
  24. position: relative;
  25. flex-grow: 1;
  26. background-color: var(--f9Color);
  27. margin: 2vw 0 0 0;
  28. }
  29. .main .two .list.data-v-fde50d66 {
  30. display: flex;
  31. background-color: var(--mainColor);
  32. border: 1px solid var(--f5Color);
  33. padding: 2vw;
  34. margin: 2vw 2vw 0 2vw;
  35. border-radius: 5px;
  36. }
  37. .main .two .list .image.data-v-fde50d66 {
  38. width: 22vw;
  39. height: 22vw;
  40. border-radius: 5px;
  41. }
  42. .main .two .list .list_1.data-v-fde50d66 {
  43. width: 67vw;
  44. padding: 0 0 0 2vw;
  45. }
  46. .main .two .list .list_1 .top.data-v-fde50d66 {
  47. display: flex;
  48. justify-content: space-between;
  49. align-items: center;
  50. }
  51. .main .two .list .list_1 .top .name.data-v-fde50d66 {
  52. width: 50vw;
  53. font-size: var(--font14Size);
  54. font-weight: bold;
  55. padding: 0 0 1vw 0;
  56. }
  57. .main .two .list .list_1 .other.data-v-fde50d66 {
  58. font-size: var(--font12Size);
  59. padding: 0 0 2px 0;
  60. }
  61. .main .two .list .list_1 .other text.data-v-fde50d66 {
  62. color: #000;
  63. }
  64. .main .two .list .list_1 .other_1.data-v-fde50d66 {
  65. color: red;
  66. }
  67. .main .two .list .list_1 .other_2.data-v-fde50d66 {
  68. color: var(--f85Color);
  69. }
  70. .scroll-view.data-v-fde50d66 {
  71. position: absolute;
  72. top: 0;
  73. left: 0;
  74. right: 0;
  75. bottom: 0;
  76. }
  77. .scroll-view .list-scroll-view.data-v-fde50d66 {
  78. display: flex;
  79. flex-direction: column;
  80. }
  81. .is_bottom.data-v-fde50d66 {
  82. width: 100%;
  83. text-align: center;
  84. }
  85. .is_bottom text.data-v-fde50d66 {
  86. padding: 2vw 0;
  87. display: inline-block;
  88. color: var(--f85Color);
  89. font-size: var(--font14Size);
  90. }