index.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .content {
  2. display: flex;
  3. flex-direction: column;
  4. box-sizing: border-box;
  5. width: 100vw;
  6. height: 100vh;
  7. }
  8. .content .one {
  9. border-bottom: 1px solid #000000;
  10. }
  11. .content .one input {
  12. padding: 2vw;
  13. background-color: #f1f1f1;
  14. font-size: 14px;
  15. border-radius: 5px;
  16. }
  17. .content .two {
  18. position: relative;
  19. flex-grow: 1;
  20. padding: 0 10px;
  21. }
  22. .content .two .list {
  23. margin: 10px 0 0 0;
  24. padding: 10px;
  25. border-radius: 5px;
  26. box-shadow: 0 0 5px #cccccc;
  27. }
  28. .content .two .list .name {
  29. font-size: 16px;
  30. font-weight: bold;
  31. margin: 0 0 5px 0;
  32. }
  33. .content .two .list .other {
  34. margin: 0 0 10px 0;
  35. }
  36. .content .two .list .other .other_1 {
  37. margin: 0 0 5px 0;
  38. }
  39. .content .two .list .other .other_1 text {
  40. font-size: 14px;
  41. color: #858585;
  42. }
  43. .content .two .list .other .other_1 text:last-child {
  44. color: #000000;
  45. word-break: break-all;
  46. }
  47. .content .two .list .btn {
  48. text-align: center;
  49. }
  50. .content .two .list:last-child {
  51. margin: 10px 0;
  52. }
  53. .scroll-view {
  54. position: absolute;
  55. top: 0;
  56. left: 0;
  57. right: 0;
  58. bottom: 0;
  59. }
  60. .scroll-view .list-scroll-view {
  61. display: flex;
  62. flex-direction: column;
  63. padding: 0 10px;
  64. }
  65. .is_bottom {
  66. text-align: center;
  67. }
  68. .is_bottom text {
  69. padding: 2vw 0;
  70. display: inline-block;
  71. color: #858585;
  72. font-size: 14px;
  73. }