Browse Source

超出svg可见

liushengqiang 2 years ago
parent
commit
c3a80efce6
1 changed files with 3 additions and 18 deletions
  1. 3 18
      src/components/music-score/index.module.less

+ 3 - 18
src/components/music-score/index.module.less

@@ -1,9 +1,7 @@
 .container {
-  // background-color: #EFF6F5;
-  // // width: calc(420px * var(--screen));
-  // width: 95%;
-  // margin: auto;
-  // border-radius: 5px;
+  svg {
+    overflow: visible;
+  }
   :global(#custom-cursor-hint) {
     background-color: var(--cursor-background-color);
   }
@@ -18,24 +16,12 @@
     margin-top: calc(-20PX * var(--osdm-zoom));
     content: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
     background-color: var(--cursor-background-color);
-    // background-color: rgba(1, 193, 181, .49);
-    // border: 2px solid #01C1B5;
-    // border-radius: 2px;
     background-repeat: repeat-y;
-    // background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAABRJREFUCB1jZDy49T8DEDCBCBAAACTkAnq23WmtAAAAAElFTkSuQmCC');
     background-position-x: calc(15PX * var(--osdm-zoom));
-    // height: 15PX;
     width: calc(10PX * var(--osdm-zoom));
     transform: translateX(calc(10PX * var(--osdm-zoom)));
     border-radius: calc(4PX * var(--osdm-zoom));
     overflow: hidden;
-    // &::after{
-    //   content: '';
-    //   display: block;
-    //   width: 2px;
-    //   height: 100%;
-    //   background-color: #01C1B5;
-    // }
   }
 }
 :global(.eyeProtection) {
@@ -47,7 +33,6 @@
       background-color: var(--eye-section-background-color) !important;
     }
     img {
-      // background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAABZJREFUCB1j/N8sv5UBCJhABMN/hv8AKQgEWNQffFMAAAAASUVORK5CYII=');
       background-color: var(--eye-cursor-background-color);
     }
   }