app.ttss 665 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. .page-tabbar {
  2. position: fixed;
  3. left: 16rpx;
  4. right: 16rpx;
  5. bottom: 12rpx;
  6. height: 84rpx;
  7. border-radius: 24rpx;
  8. background: rgba(255, 255, 255, 0.94);
  9. border: 1rpx solid #ebeff5;
  10. box-shadow: 0 12rpx 30rpx rgba(15, 23, 42, 0.12);
  11. display: flex;
  12. padding: 6rpx;
  13. box-sizing: border-box;
  14. z-index: 200;
  15. }
  16. .page-tab-item {
  17. flex: 1;
  18. display: flex;
  19. flex-direction: column;
  20. align-items: center;
  21. justify-content: center;
  22. border-radius: 18rpx;
  23. }
  24. .page-tab-text {
  25. font-size: 28rpx;
  26. color: #7b8798;
  27. font-weight: 600;
  28. line-height: 1.2;
  29. }
  30. .page-tab-item-active {
  31. background: #165dff;
  32. }
  33. .page-tab-text-active {
  34. color: #ffffff;
  35. }