build

dist/index.html

@@ -12,8 +12,8 @@
   <script src="./flexible.js"></script>
   <script src="./abc2svg/xml2abc.js"></script>
   <script src="./abc2svg/jquery-1.11.1.min.js"></script>
-  <script type="module" crossorigin src="./assets/index-224c1094.js"></script>
-  <link rel="stylesheet" href="./assets/index-a3d00428.css">
+  <script type="module" crossorigin src="./assets/index-21ba2c6b.js"></script>
+  <link rel="stylesheet" href="./assets/index-2d589e49.css">
   <script type="module">import.meta.url;import("_").catch(()=>1);async function* g(){};window.__vite_is_modern_browser=true;</script>
   <script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>
 </head>
@@ -23,7 +23,7 @@
   
   <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
   <script nomodule crossorigin id="vite-legacy-polyfill" src="./assets/polyfills-legacy-0e8849b8.js"></script>
-  <script nomodule crossorigin id="vite-legacy-entry" data-src="./assets/index-legacy-5eabed3a.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
+  <script nomodule crossorigin id="vite-legacy-entry" data-src="./assets/index-legacy-a723d348.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 </body>
 
 </html>

src/pc/create/index.module.less

@@ -34,6 +34,7 @@
     cursor: pointer;
     display: flex;
     flex-direction: column;
+    overflow: hidden;
     .icon_29{
         height: 14px;
         vertical-align: middle;

src/pc/create/index.tsx

@@ -79,7 +79,7 @@ export default defineComponent({
 			);
 		};
 		const productSvg = (abc: string, id: string) => {
-			const a = ABCJS.renderAbc(id, abc, {selectTypes: false});
+			const a = ABCJS.renderAbc(id, abc, {selectTypes: false, add_classes: true});
 		};
 		return () => (
 			<div class={styles.wrap}>