index.wxss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. /*!
  2. * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
  3. * Copyright 2020 Tencent, Inc.
  4. * Licensed under the MIT license
  5. */
  6. @import "../common/common.wxss";
  7. .weui-agree__link {
  8. display: inline;
  9. color: var(--weui-LINK);
  10. }
  11. .weui-flex {
  12. -webkit-box-align: center;
  13. -webkit-align-items: center;
  14. align-items: center
  15. }
  16. .weui-cells {
  17. margin-top: 0;
  18. opacity: 0;
  19. -webkit-transform: translateY(-50%);
  20. transform: translateY(-50%);
  21. -webkit-transition: .3s;
  22. transition: .3s
  23. }
  24. .weui-cells:after,
  25. .weui-cells:before {
  26. display: none
  27. }
  28. .weui-cells_show {
  29. opacity: 1;
  30. -webkit-transform: translateY(0);
  31. transform: translateY(0)
  32. }
  33. .weui-cell:before {
  34. right: 15px
  35. }
  36. .kind-list__item {
  37. margin: 10px 0;
  38. background-color: var(--weui-BG-2);
  39. border-radius: 2px;
  40. overflow: hidden
  41. }
  42. .kind-list__item:first-child {
  43. margin-top: 0
  44. }
  45. .kind-list__img {
  46. width: 30px;
  47. height: 30px
  48. }
  49. [data-weui-theme=dark] .kind-list__img {
  50. -webkit-filter: invert(100) hue-rotate(180deg);
  51. filter: invert(100) hue-rotate(180deg)
  52. }
  53. .kind-list__item-hd {
  54. padding: 20px;
  55. -webkit-transition: opacity .3s;
  56. transition: opacity .3s
  57. }
  58. .kind-list__item-hd_show {
  59. opacity: .4
  60. }
  61. .kind-list__item-bd {
  62. height: 0;
  63. overflow: hidden
  64. }
  65. .kind-list__item-bd_show {
  66. height: auto
  67. }
  68. .index-hd {
  69. padding: 40px 40px 20px;
  70. text-align: center;
  71. }
  72. .index-bd {
  73. padding: 0 15px 20px;
  74. }
  75. .index-ft {
  76. padding-bottom: 10px;
  77. text-align: center;
  78. }
  79. .index-logo {
  80. /* width: 43px;
  81. height: 43px; */
  82. width: 43px;
  83. height: 43px;
  84. }
  85. .index-desc {
  86. margin-top: 10px;
  87. color: #888888;
  88. /* font-size: 14px; */
  89. font-size: 14px;
  90. }