footer.wxss 819 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /* templates/footer_teacher/footer.wxss */
  2. .footer-container {
  3. position: fixed;
  4. bottom: 0;
  5. left: 0;
  6. width: 100%;
  7. height: 98rpx;
  8. background:rgba(255,255,255,1);
  9. box-shadow:0 0 14rpx 0 rgba(221,221,221,0.5);
  10. z-index: 99;
  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. margin: 18rpx 22rpx 0 22rpx;
  25. position: relative;
  26. }
  27. .footer-item-image {
  28. width: 51rpx;
  29. height: 38rpx;
  30. }
  31. .footer-item-image-active {
  32. width: 51rpx;
  33. height: 38rpx;
  34. }
  35. .footer-item-image-large {
  36. width: 74rpx;
  37. height: 74rpx;
  38. }
  39. .footer-item-text {
  40. font-size: 20rpx;
  41. color: #ccc;
  42. }
  43. .footer-item-text-active {
  44. color: #FA5741;
  45. }
  46. .footer-item-specific-text-active {
  47. color: #fff;
  48. }