rank-tarbar.wxss 596 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /* compontents/tarbar/tarbar.wxss */
  2. /*菜单*/
  3. .menu{
  4. position: fixed;
  5. top: 0;
  6. left: 0;
  7. width: 100%;
  8. z-index: 99;
  9. background: #FAF8FB;
  10. }
  11. .nav{
  12. display: flex;
  13. padding: 16rpx 0;
  14. }
  15. .top-btn{
  16. flex: 1;
  17. padding-bottom: 9rpx;
  18. text-align: center;
  19. position: relative;
  20. font-size: 36rpx;
  21. color: #878787;
  22. }
  23. .top-hoverd-btn {
  24. color: #000;
  25. }
  26. .striping {
  27. position: absolute;
  28. left: 50%;
  29. bottom: 0;
  30. transform: translateX(-50%);
  31. width: 26rpx;
  32. border-bottom: #000 solid 6rpx;
  33. display: none;
  34. }
  35. .top-hoverd-striping {
  36. display: block;
  37. }