list.wxss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. .main {
  2. height: var(--twoHeight);
  3. background-color: var(--bgColor);
  4. }
  5. .main .one {
  6. padding: 2vw;
  7. background-color: var(--f9Color);
  8. margin: 0 0 2vw 0;
  9. }
  10. .main .one input {
  11. padding: 1vw 2vw 2vw 2vw;
  12. border-radius: 2px;
  13. font-size: var(--txtSize);
  14. background-color: var(--bgColor);
  15. }
  16. .main .two {
  17. flex-grow: 1;
  18. position: relative;
  19. }
  20. .main .two .list {
  21. background-color: var(--f9Color);
  22. margin: 0 2vw 2vw 2vw;
  23. padding: 2vw;
  24. display: flex;
  25. flex-direction: column;
  26. }
  27. .main .two .list .name {
  28. font-size: var(--titleSize);
  29. font-weight: bold;
  30. margin: 0 0 1vw 0;
  31. }
  32. .main .two .list .other {
  33. font-size: var(--txtSize);
  34. }
  35. .main .two .list .other .other_1 {
  36. color: var(--labelColor);
  37. margin: 2px 0 0 0;
  38. }
  39. .main .two .list .other .other_1 text:nth-child(2) {
  40. color: var(--txtColor);
  41. }
  42. .main .two .list .other text {
  43. padding: 0 2vw 0 0;
  44. }
  45. .main .two .list .btn {
  46. text-align: center;
  47. }
  48. .main .two .list .btn button {
  49. margin: 2vw 0 0 2vw;
  50. font-size: var(--btnSize);
  51. }
  52. .scroll-view {
  53. position: absolute;
  54. top: 0;
  55. left: 0;
  56. right: 0;
  57. bottom: 0;
  58. }
  59. .scroll-view .list-scroll-view {
  60. display: flex;
  61. flex-direction: column;
  62. }
  63. .dialog_one {
  64. margin: 10px 0 0 0;
  65. width: 80vw;
  66. }
  67. .dialog_one .content {
  68. display: flex;
  69. flex-direction: row;
  70. border-bottom: 1px dashed var(--f1Color);
  71. padding: 2vw 0;
  72. margin: 0 2vw 2vw 2vw;
  73. }
  74. .dialog_one .content .value {
  75. flex-grow: 1;
  76. color: var(--labelColor);
  77. }
  78. .dialog_two {
  79. width: 80vw;
  80. }
  81. .dialog_two .content {
  82. display: flex;
  83. flex-direction: row;
  84. border-bottom: 1px dashed var(--f1Color);
  85. padding: 2vw 0;
  86. margin: 0 2vw 2vw 2vw;
  87. }
  88. .dialog_two .content .label {
  89. width: 30vw;
  90. }
  91. .dialog_two .content .value {
  92. flex-grow: 1;
  93. color: var(--labelColor);
  94. }
  95. .dialog_two .btn {
  96. margin: 2vw 0 0 0;
  97. text-align: center;
  98. }