index.wxss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. .index-hd {
  2. padding: 40px 40px 20px;
  3. text-align: center;
  4. }
  5. .index-bd {
  6. /* padding: 0 15px 20px; */
  7. padding: 0 15px 20px;
  8. }
  9. .index-ft {
  10. padding-bottom: 10px;
  11. text-align: center;
  12. }
  13. .index-logo {
  14. /* width: 43px;
  15. height: 43px; */
  16. width: 43px;
  17. height: 43px;
  18. }
  19. .index-desc {
  20. margin-top: 10px;
  21. color: var(--weui-FG-1);
  22. /* font-size: 14px; */
  23. font-size: 14px;
  24. }
  25. .navigator-box {
  26. opacity: 0;
  27. position: relative;
  28. background-color: var(--weui-BG-2);
  29. line-height: 1.41176471;
  30. /* font-size: 32px; */
  31. font-size: 17px;
  32. transform: translateY(-50%);
  33. transition: .3s;
  34. }
  35. .navigator-box-show {
  36. opacity: 1;
  37. transform: translateY(0);
  38. }
  39. .navigator {
  40. /* padding: 10px 15px; */
  41. padding: 10px 15px;
  42. position: relative;
  43. display: flex;
  44. align-items: center;
  45. }
  46. .navigator:before {
  47. content: " ";
  48. position: absolute;
  49. /* left: 15px; */
  50. left: 15px;
  51. top: 0;
  52. /* right: 15px; */
  53. right: 15px;
  54. height: 1px;
  55. /* border-top: 1px solid var(--weui-FG-3); */
  56. border-top: 1px solid var(--weui-FG-3);
  57. color: var(--weui-FG-3);
  58. }
  59. .navigator:first-child:before {
  60. display: none;
  61. }
  62. .navigator-text {
  63. flex: 1;
  64. }
  65. .navigator-arrow {
  66. /* padding-right: 13px; */
  67. padding-right: 13px;
  68. position: relative;
  69. }
  70. .navigator-arrow:after {
  71. content: " ";
  72. display: inline-block;
  73. /* height: 9px;
  74. width: 9px;
  75. border-width: 1px 1px 0 0; */
  76. height: 9px;
  77. width: 9px;
  78. border-width: 1px 1px 0 0;
  79. border-color: var(--weui-FG-2);
  80. border-style: solid;
  81. transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  82. position: absolute;
  83. top: 50%;
  84. /* margin-top: -4px; */
  85. margin-top: -4px;
  86. /* right: 14px; */
  87. right: 14px;
  88. }
  89. .kind-list-item {
  90. /* margin: 10px 0; */
  91. margin: 10px 0;
  92. background-color: var(--weui-BG-2);
  93. border-radius: 2px;
  94. overflow: hidden;
  95. }
  96. .kind-list-item:first-child {
  97. margin-top: 0;
  98. }
  99. .kind-list-text{
  100. flex: 1;
  101. }
  102. .kind-list-img {
  103. /* width: 30px;
  104. height: 30px; */
  105. width: 30px;
  106. height: 30px;
  107. }
  108. .kind-list-item-hd {
  109. /* padding: 15px; */
  110. padding: 15px;
  111. display: flex;
  112. align-items: center;
  113. transition: opacity .3s;
  114. }
  115. .kind-list-item-hd-show {
  116. opacity: .2;
  117. }
  118. .kind-list-item-bd {
  119. height: 0;
  120. overflow: hidden;
  121. }
  122. .kind-list-item-bd-show {
  123. height: auto;
  124. }