custom_nav_bar.scss 738 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. .tn-custom-nav-bar__back {
  2. width: 100%;
  3. height: 100%;
  4. position: relative;
  5. display: flex;
  6. justify-content: space-evenly;
  7. align-items: center;
  8. box-sizing: border-box;
  9. background-color: rgba(0, 0, 0, 0.15);
  10. border-radius: 1000rpx;
  11. border: 1rpx solid rgba(255, 255, 255, 0.5);
  12. color: #FFFFFF;
  13. font-size: 18px;
  14. .icon {
  15. display: block;
  16. flex: 1;
  17. margin: auto;
  18. text-align: center;
  19. }
  20. &:before {
  21. content: " ";
  22. width: 1rpx;
  23. height: 110%;
  24. position: absolute;
  25. top: 22.5%;
  26. left: 0;
  27. right: 0;
  28. margin: auto;
  29. transform: scale(0.5);
  30. transform-origin: 0 0;
  31. pointer-events: none;
  32. box-sizing: border-box;
  33. opacity: 0.7;
  34. background-color: #FFFFFF;
  35. }
  36. }