123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123 |
- .container {
- --header-padding-top: 0.1px;
- height: 100vh;
- position: relative;
- box-sizing: border-box;
- height: 100vh;
- background-size: cover;
- }
- .headTitle {
- font-size: 12px;
- font-weight: bold;
- text-align: center;
- padding: 7px 0 0 0;
- margin: auto 0px auto auto;
- }
- :global{
- .fingering{
- // background-color: #fff;
- }
- }
- :global(.openCamera) {
- opacity: 0.7;
- }
- :global(.eyeProtection) {
- :global(.fingering) {
- // background: var(--eye-background-color);
- }
- .musicSheet {
- background: var(--eye-background-color) !important;
- }
- &.container {
- &::before {
- background-image: none;
- }
- }
- }
- :global{
- .noVip{
- .van-dialog__header{
- font-size: 18Px;
- }
- .van-dialog__message{
- font-size: 14Px;
- padding: 16Px 0;
- }
- }
- .van-popup--center{
- margin-left: var(--popup-loading);
- }
- }
- .musicSheet {
- z-index: 1;
- position: relative;
- width: 100%;
- height: 100vh;
- background-color: #fff;
- box-sizing: border-box;
- padding-top: 28px;
- overflow: hidden;
- overflow-y: auto;
- box-sizing: border-box;
- &::-webkit-scrollbar {
- width: 0;
- }
- }
- .skeleton {
- :global{
- .van-skeleton__content{
- .van-skeleton__title,
- .van-skeleton__row{
- margin: 10px auto;
- height: 16px;
- }
- .van-skeleton__row{
- width: 80% !important;
- }
- }
- }
- }
- .tips {
- top: calc(48px + var(--header-padding-top)) !important;
- width: auto !important;
- > img {
- width: 35px !important;
- }
- :global(.van-notice-bar) {
- margin-top: 15px !important;
- background: linear-gradient(180deg, #ffcd43 0%, #feaf17 100%) !important;
- color: #fff !important;
- border: none !important;
- margin-left: 1vw !important;
- width: 40vw !important;
- min-width: 280px !important;
- &::before {
- border: none !important;
- margin-left: -7px !important;
- background: #febe2e !important;
- }
- }
- :global(.van-swipe-item) {
- font-size: 14px !important;
- }
- }
- .errorWrap{
- position: fixed;
- left: 0;
- top: 0;
- width: 100vw;
- height: 100vh;
- z-index: 1000;
- background: #fff;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .partName{
- text-align: center;
- font-size: 14Px;
- margin: auto 0px auto auto;
- }
|