footer.wxss 829 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. /* templates/footer_parent/footer.wxss */
  2. .footer-container {
  3. position: fixed;
  4. bottom: 0;
  5. left: 0;
  6. width: 100%;
  7. height: 98rpx;
  8. background: #FFFFFF;
  9. box-shadow: 0 0 8rpx 0 rgba(0,0,0,0.1);
  10. z-index: 1000;
  11. }
  12. .footer-wrapper {
  13. width: 100%;
  14. margin: 0;
  15. }
  16. .footer-items {
  17. display: flex;
  18. justify-content: space-around;
  19. align-items: center;
  20. text-align: center;
  21. margin: 0;
  22. }
  23. .footer-item {
  24. padding: 10rpx 22rpx 6rpx 22rpx;
  25. position: relative;
  26. font-weight:600;
  27. }
  28. .footer-item-image {
  29. width: 49rpx;
  30. height: 49rpx;
  31. }
  32. .footer-item-image-active {
  33. width: 49rpx;
  34. height: 49rpx;
  35. }
  36. .footer-item-image-large {
  37. width: 74rpx;
  38. height: 74rpx;
  39. }
  40. .footer-item-text {
  41. font-size: 22rpx;
  42. color: #7C819D;
  43. }
  44. .footer-item-text-active {
  45. color: #FF6465;
  46. }
  47. .footer-item-specific-text-active {
  48. color: #fff;
  49. }