app.css 898 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. body {
  2. color: rgba(0, 0, 0, 0.86);
  3. }
  4. .tabbar {
  5. width: 100%;
  6. height: 50px;
  7. position: fixed;
  8. bottom: 0;
  9. background-color: white;
  10. z-index: 1;
  11. border-top: 1px solid #F3F3F3;
  12. text-align: center;
  13. transition: all ease 0.3s;
  14. }
  15. .tabbar-content {
  16. display: flex;
  17. flex-direction: column;
  18. justify-content: center;
  19. align-items: center;
  20. height: 50px;
  21. }
  22. .tabbar-hidden {
  23. height: 0;
  24. transition: all ease 0.3s;
  25. }
  26. .tabbar-title {
  27. font-size: 10px;
  28. margin: 3px 0 0 0;
  29. line-height: 1;
  30. text-align: center;
  31. }
  32. a.active {
  33. color: #258fff;
  34. text-decoration: none;
  35. }
  36. a {
  37. color: #b9b9b9;
  38. text-decoration: none;
  39. }
  40. .navbar {
  41. border-bottom: 1px solid #f5f5f9;
  42. position: fixed;
  43. top: 0;
  44. width: 100%;
  45. z-index: 2;
  46. }
  47. .tabbar-route-content {
  48. margin-bottom: 50px;
  49. }
  50. .content-wrap {
  51. padding-top: 45px;
  52. }