index.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. // 有时候 singleLineMusicBox 还没有赋值所以导致 旋律线和小鸟显示,所以这里默认隐藏
  2. #musicAndSelection{
  3. .smoothAnimationBox{
  4. display: none;
  5. }
  6. }
  7. #musicAndSelection.singleLineMusicBox{
  8. .smoothAnimationBox{
  9. display: flex;
  10. align-items: flex-end;
  11. height: 1.8rem; // 与authorName高度对应
  12. &.smoothAnimationBoxHide{
  13. opacity: 0;
  14. visibility: hidden;
  15. }
  16. }
  17. .smoothAnimationCon{
  18. position: relative;
  19. .smoothBot{
  20. position: absolute;
  21. width: 36Px;
  22. height: 46Px;
  23. left: 0;
  24. top: 0;
  25. }
  26. .smoothCanvas{
  27. display: block;
  28. }
  29. }
  30. #osmdCanvasPage1{
  31. top: 0;
  32. }
  33. #cursorImg-0 {
  34. display: none;
  35. }
  36. .authorName{
  37. position: fixed;
  38. // position: absolute;
  39. left: 0;
  40. top: var(--musicAndSelectionTop);
  41. width: 100vw;
  42. }
  43. /* 一行谱翻页动画 */
  44. #osmdCanvasPage1,#selectionBgBox,#selectionBox{
  45. transition: transform 0.6s;
  46. }
  47. }