index.less 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .container {
  2. .tab-view {
  3. display: flex;
  4. flex-direction: column;
  5. .filter-view {
  6. display: flex;
  7. flex-direction: row;
  8. justify-content: space-between;
  9. align-items: center;
  10. align-content: center;
  11. padding: 0px 10px;
  12. border-top: 1px solid #f0f0f0;
  13. van-tabs {
  14. width: 100%;
  15. }
  16. }
  17. }
  18. &__list {
  19. margin-top: 5px;
  20. display: flex;
  21. flex-direction: column;
  22. justify-content: center;
  23. background-color: #f0f0f0;
  24. width: 100%;
  25. align-content: center;
  26. align-items: center;
  27. &__item {
  28. display: flex;
  29. flex-direction: column;
  30. justify-content: center;
  31. background-color: #fff;
  32. margin-bottom: 10px;
  33. width: 96%;
  34. border-radius: 10px;
  35. margin: 5px 0px;
  36. padding-bottom: 10px;
  37. &__top, &__row {
  38. display: flex;
  39. flex-direction: row;
  40. justify-content: space-between;
  41. align-items: center;
  42. align-content: center;
  43. padding: 2.5px 15px;
  44. text {
  45. color: #333;
  46. font-size: 13px;
  47. width: 100%;
  48. }
  49. }
  50. &__row {
  51. text {
  52. text-align: left;
  53. }
  54. }
  55. &__top {
  56. margin-top: 10px;
  57. text {
  58. text-align: center;
  59. }
  60. :nth-child(1) {
  61. text-align: left;
  62. }
  63. :nth-last-child(1) {
  64. text-align: right;
  65. }
  66. }
  67. }
  68. }
  69. }