index.wxss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. .wux-footer {
  2. display: flex;
  3. flex-direction: column;
  4. align-items: center;
  5. background-color: #fff;
  6. color: rgba(0,0,0,.65);
  7. font-size: 26rpx
  8. }
  9. .wux-footer__label {
  10. width: 100%
  11. }
  12. .wux-footer__links {
  13. margin: 20rpx 0;
  14. color: #33cd5f;
  15. white-space: nowrap
  16. }
  17. .wux-footer__link {
  18. display: inline-block;
  19. text-decoration: none;
  20. cursor: pointer
  21. }
  22. .wux-footer__content {
  23. display: flex;
  24. align-items: center;
  25. margin: 20rpx 0;
  26. color: rgba(0,0,0,.45)
  27. }
  28. .wux-footer__chips {
  29. display: flex;
  30. align-items: center;
  31. white-space: nowrap;
  32. margin: 20rpx 0
  33. }
  34. .wux-footer__chip {
  35. white-space: nowrap;
  36. margin-right: 40rpx;
  37. font-size: 24rpx;
  38. background-color: #f5f5f5;
  39. color: rgba(0,0,0,.45);
  40. padding: 8rpx 24rpx;
  41. border-radius: 200rpx
  42. }
  43. .wux-footer__chip--link {
  44. cursor: pointer;
  45. background-color: #aeebbf;
  46. color: #33cd5f
  47. }
  48. .wux-footer--light .wux-footer__chip--link {
  49. color: #ddd;
  50. background-color: #fff
  51. }
  52. .wux-footer--light .wux-footer__links {
  53. color: #ddd
  54. }
  55. .wux-footer--stable .wux-footer__chip--link {
  56. color: #b2b2b2;
  57. background-color: #fff
  58. }
  59. .wux-footer--stable .wux-footer__links {
  60. color: #b2b2b2
  61. }
  62. .wux-footer--positive .wux-footer__chip--link {
  63. color: #387ef5;
  64. background-color: #cadcfc
  65. }
  66. .wux-footer--positive .wux-footer__links {
  67. color: #387ef5
  68. }
  69. .wux-footer--calm .wux-footer__chip--link {
  70. color: #11c1f3;
  71. background-color: #a3e7fa
  72. }
  73. .wux-footer--calm .wux-footer__links {
  74. color: #11c1f3
  75. }
  76. .wux-footer--assertive .wux-footer__chip--link {
  77. color: #ef473a;
  78. background-color: #facbc8
  79. }
  80. .wux-footer--assertive .wux-footer__links {
  81. color: #ef473a
  82. }
  83. .wux-footer--balanced .wux-footer__chip--link {
  84. color: #33cd5f;
  85. background-color: #aeebbf
  86. }
  87. .wux-footer--balanced .wux-footer__links {
  88. color: #33cd5f
  89. }
  90. .wux-footer--energized .wux-footer__chip--link {
  91. color: #ffc900;
  92. background-color: #ffe999
  93. }
  94. .wux-footer--energized .wux-footer__links {
  95. color: #ffc900
  96. }
  97. .wux-footer--royal .wux-footer__chip--link {
  98. color: #886aea;
  99. background-color: #f3f0fd
  100. }
  101. .wux-footer--royal .wux-footer__links {
  102. color: #886aea
  103. }
  104. .wux-footer--dark .wux-footer__chip--link {
  105. color: #444;
  106. background-color: #919191
  107. }
  108. .wux-footer--dark .wux-footer__links {
  109. color: #444
  110. }