// 有时候 singleLineMusicBox 还没有赋值所以导致 旋律线和小鸟显示,所以这里默认隐藏 #musicAndSelection{ .smoothAnimationBox{ display: none; } } #musicAndSelection.singleLineMusicBox{ .smoothAnimationBox{ display: flex; align-items: flex-end; height: 1.8rem; // 与authorName高度对应 &.smoothAnimationBoxHide{ opacity: 0; visibility: hidden; } } .smoothAnimationCon{ position: relative; .smoothBot{ position: absolute; width: 36Px; height: 46Px; left: 0; top: 0; } .smoothCanvas{ display: block; } } #osmdCanvasPage1{ top: 0; } #cursorImg-0 { display: none; } .authorName{ position: fixed; // position: absolute; left: 0; top: var(--musicAndSelectionTop); width: 100vw; } /* 一行谱翻页动画 */ #osmdCanvasPage1,#selectionBgBox,#selectionBox{ transition: transform 0.6s; } }