index.wxss 694 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. .tab-bar {
  2. position: fixed;
  3. bottom: 0;
  4. left: 0;
  5. right: 0;
  6. height: 160rpx;
  7. /* background: white; */
  8. display: flex;
  9. background-image: url(https://s1.ax1x.com/2022/10/13/xdC9yD.png);
  10. background-repeat: no-repeat;
  11. background-size: 100%;
  12. padding-bottom: env(safe-area-inset-bottom);
  13. }
  14. .tab-bar-border {
  15. position: absolute;
  16. left: 0;
  17. top: 0;
  18. width: 100%;
  19. height: 1rpx;
  20. transform: scaleY(0.5);
  21. }
  22. .tab-bar-item {
  23. margin-top: 60rpx;
  24. flex: 1;
  25. text-align: center;
  26. display: flex;
  27. justify-content: center;
  28. align-items: center;
  29. flex-direction: column;
  30. }
  31. .tab-bar-item image {
  32. width: 40rpx;
  33. height: 40rpx;
  34. }
  35. .tab-bar-item view {
  36. font-size: 10px;
  37. }