build

dist/assets/colexiu-legacy.6c525705.js → dist/assets/colexiu-legacy.5657e325.js

@@ -1 +1 @@
-System.register(["./native-message-legacy.bfe4d914.js","./main-legacy.b2f702df.js","./lib-flexible-legacy.e8ca3d6a.js"],(function(){"use strict";return{setters:[function(){},function(){},function(){}],execute:function(){}}}));
+System.register(["./native-message-legacy.bfe4d914.js","./main-legacy.aa3aa371.js","./lib-flexible-legacy.e8ca3d6a.js"],(function(){"use strict";return{setters:[function(){},function(){},function(){}],execute:function(){}}}));

dist/assets/index.c26d23af.js → dist/assets/colexiu.6ff68bc7.js

@@ -1 +1 @@
-import"./native-message.ed3d4308.js";import"./main.235313ac.js";import"./lib-flexible.08f197e6.js";function t(){import("data:text/javascript,")}export{t as __vite_legacy_guard};
+import"./native-message.ed3d4308.js";import"./main.71c04b8f.js";import"./lib-flexible.08f197e6.js";function t(){import("data:text/javascript,")}export{t as __vite_legacy_guard};

dist/assets/index-legacy.2f5ac3c5.js → dist/assets/index-legacy.e0a00b68.js

@@ -1 +1 @@
-System.register(["./native-message-legacy.bfe4d914.js","./main-legacy.b2f702df.js","./lib-flexible-legacy.e8ca3d6a.js"],(function(){"use strict";return{setters:[function(){},function(){},function(){}],execute:function(){}}}));
+System.register(["./native-message-legacy.bfe4d914.js","./main-legacy.aa3aa371.js","./lib-flexible-legacy.e8ca3d6a.js"],(function(){"use strict";return{setters:[function(){},function(){},function(){}],execute:function(){}}}));

dist/assets/colexiu.2e1eddd0.js → dist/assets/index.22de8b73.js

@@ -1 +1 @@
-import"./native-message.ed3d4308.js";import"./main.235313ac.js";import"./lib-flexible.08f197e6.js";function t(){import("data:text/javascript,")}export{t as __vite_legacy_guard};
+import"./native-message.ed3d4308.js";import"./main.71c04b8f.js";import"./lib-flexible.08f197e6.js";function t(){import("data:text/javascript,")}export{t as __vite_legacy_guard};

dist/assets/main-legacy.b2f702df.js → dist/assets/main-legacy.aa3aa371.js

@@ -1 +1 @@
-System.register(["./native-message-legacy.bfe4d914.js","./lib-flexible-legacy.e8ca3d6a.js"],(function(e,n){"use strict";var t,o,r,i,u,c,a,s,l,m,f,d;return{setters:[function(e){t=e.d,o=e.c,r=e.u,i=e.r,u=e.a,c=e.b,a=e._,s=e.p,l=e.s,m=e.f,f=e.e,d=e.g},function(){}],execute:function(){var e=t({setup:function(){var e,n=r();null!=n&&null!==(e=n.query)&&void 0!==e&&e.Authorization&&sessionStorage.setItem("Authorization",n.query.Authorization)},render:function(){return o(i("router-view"),null,null)}}),p=Object.freeze(Object.defineProperty({__proto__:null,default:e},Symbol.toStringTag,{value:"Module"})),h=[{path:"/",name:"home",component:function(){return a((function(){return Promise.resolve().then((function(){return p}))}),void 0)},children:[{path:"",name:"musicScore",component:function(){return a((function(){return n.import("./index-legacy.a533fa80.js")}),void 0)}}]},{path:"/:path(.*)*",name:"ErrorPage",component:function(){return a((function(){return n.import("./index-legacy.07ababd8.js")}),void 0)}}],v=u({history:c("/orchestra-music-score"),routes:h});s({api:"getToken"}).then((function(e){var n;null!=e&&null!==(n=e.content)&&void 0!==n&&n.accessToken&&sessionStorage.setItem("Authorization",e.content.tokenType+" "+e.content.accessToken)})),l.clintNmae="colexiu",window.DYEnvironment="colexiu",document.body.style.setProperty("--osdm-zoom",""+m()),f(),d(e).use(v).mount("#app")}}}));
+System.register(["./native-message-legacy.bfe4d914.js","./lib-flexible-legacy.e8ca3d6a.js"],(function(e,n){"use strict";var t,o,r,i,u,c,a,s,l,m,f,d;return{setters:[function(e){t=e.d,o=e.c,r=e.u,i=e.r,u=e.a,c=e.b,a=e._,s=e.p,l=e.s,m=e.f,f=e.e,d=e.g},function(){}],execute:function(){var e=t({setup:function(){var e,n=r();null!=n&&null!==(e=n.query)&&void 0!==e&&e.Authorization&&sessionStorage.setItem("Authorization",n.query.Authorization)},render:function(){return o(i("router-view"),null,null)}}),p=Object.freeze(Object.defineProperty({__proto__:null,default:e},Symbol.toStringTag,{value:"Module"})),h=[{path:"/",name:"home",component:function(){return a((function(){return Promise.resolve().then((function(){return p}))}),void 0)},children:[{path:"",name:"musicScore",component:function(){return a((function(){return n.import("./index-legacy.90f94647.js")}),void 0)}}]},{path:"/:path(.*)*",name:"ErrorPage",component:function(){return a((function(){return n.import("./index-legacy.07ababd8.js")}),void 0)}}],v=u({history:c("/orchestra-music-score"),routes:h});s({api:"getToken"}).then((function(e){var n;null!=e&&null!==(n=e.content)&&void 0!==n&&n.accessToken&&sessionStorage.setItem("Authorization",e.content.tokenType+" "+e.content.accessToken)})),l.clintNmae="colexiu",window.DYEnvironment="colexiu",document.body.style.setProperty("--osdm-zoom",""+m()),f(),d(e).use(v).mount("#app")}}}));

dist/assets/main.235313ac.js → dist/assets/main.71c04b8f.js

@@ -1 +1 @@
-import{d as n,c as a,u as s,r as i,a as u,b as c,_ as t,p as m,s as p,f as _,e as l,g as d}from"./native-message.ed3d4308.js";import"./lib-flexible.08f197e6.js";var r=n({setup(){var o;const e=s();(o=e==null?void 0:e.query)!=null&&o.Authorization&&sessionStorage.setItem("Authorization",e.query.Authorization)},render(){return a(i("router-view"),null,null)}}),h=Object.freeze(Object.defineProperty({__proto__:null,default:r},Symbol.toStringTag,{value:"Module"}));const v=[{path:"/",name:"home",component:()=>t(()=>Promise.resolve().then(function(){return h}),void 0),children:[{path:"",name:"musicScore",component:()=>t(()=>import("./index.7418c6c4.js"),["assets/index.7418c6c4.js","assets/index.2d40ccbe.css","assets/index.1a3f6844.js","assets/index.b3754641.css","assets/native-message.ed3d4308.js","assets/native-message.f33c5af8.css","assets/index.810c4ab2.js","assets/index.cb8a7869.js","assets/index.961f5b95.css","assets/index.8bd5b010.js","assets/index.00a5fec7.js","assets/index.4b0ce0e9.js","assets/index.93438080.css","assets/index.2ae16974.js"])}]},{path:"/:path(.*)*",name:"ErrorPage",component:()=>t(()=>import("./index.d53deef4.js"),["assets/index.d53deef4.js","assets/native-message.ed3d4308.js","assets/native-message.f33c5af8.css","assets/index.8bd5b010.js","assets/index.810c4ab2.js"])}];var f=u({history:c("/orchestra-music-score"),routes:v});m({api:"getToken"}).then(e=>{var o;(o=e==null?void 0:e.content)!=null&&o.accessToken&&sessionStorage.setItem("Authorization",e.content.tokenType+" "+e.content.accessToken)});p.clintNmae="colexiu";window.DYEnvironment="colexiu";document.body.style.setProperty("--osdm-zoom",""+_());l();d(r).use(f).mount("#app");
+import{d as n,c as a,u as s,r as i,a as u,b as c,_ as t,p as m,s as p,f as _,e as l,g as d}from"./native-message.ed3d4308.js";import"./lib-flexible.08f197e6.js";var r=n({setup(){var o;const e=s();(o=e==null?void 0:e.query)!=null&&o.Authorization&&sessionStorage.setItem("Authorization",e.query.Authorization)},render(){return a(i("router-view"),null,null)}}),h=Object.freeze(Object.defineProperty({__proto__:null,default:r},Symbol.toStringTag,{value:"Module"}));const v=[{path:"/",name:"home",component:()=>t(()=>Promise.resolve().then(function(){return h}),void 0),children:[{path:"",name:"musicScore",component:()=>t(()=>import("./index.8bf1f130.js"),["assets/index.8bf1f130.js","assets/index.3ba46ee8.css","assets/index.1a3f6844.js","assets/index.b3754641.css","assets/native-message.ed3d4308.js","assets/native-message.f33c5af8.css","assets/index.810c4ab2.js","assets/index.cb8a7869.js","assets/index.961f5b95.css","assets/index.8bd5b010.js","assets/index.00a5fec7.js","assets/index.4b0ce0e9.js","assets/index.93438080.css","assets/index.2ae16974.js"])}]},{path:"/:path(.*)*",name:"ErrorPage",component:()=>t(()=>import("./index.d53deef4.js"),["assets/index.d53deef4.js","assets/native-message.ed3d4308.js","assets/native-message.f33c5af8.css","assets/index.8bd5b010.js","assets/index.810c4ab2.js"])}];var f=u({history:c("/orchestra-music-score"),routes:v});m({api:"getToken"}).then(e=>{var o;(o=e==null?void 0:e.content)!=null&&o.accessToken&&sessionStorage.setItem("Authorization",e.content.tokenType+" "+e.content.accessToken)});p.clintNmae="colexiu";window.DYEnvironment="colexiu";document.body.style.setProperty("--osdm-zoom",""+_());l();d(r).use(f).mount("#app");

dist/colexiu.html

@@ -128,10 +128,10 @@
         line-height: 1.8;
       }
     </style>
-    <script type="module" crossorigin src="/orchestra-music-score/assets/colexiu.2e1eddd0.js"></script>
+    <script type="module" crossorigin src="/orchestra-music-score/assets/colexiu.6ff68bc7.js"></script>
     <link rel="modulepreload" href="/orchestra-music-score/assets/native-message.ed3d4308.js">
     <link rel="modulepreload" href="/orchestra-music-score/assets/lib-flexible.08f197e6.js">
-    <link rel="modulepreload" href="/orchestra-music-score/assets/main.235313ac.js">
+    <link rel="modulepreload" href="/orchestra-music-score/assets/main.71c04b8f.js">
     <link rel="stylesheet" href="/orchestra-music-score/assets/native-message.f33c5af8.css">
     <script type="module">try{import("_").catch(()=>1);}catch(e){}window.__vite_is_dynamic_import_support=true;</script>
     <script type="module">!function(){if(window.__vite_is_dynamic_import_support)return;console.warn("vite: loading legacy build because dynamic import is unsupported, syntax error above 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>
@@ -218,6 +218,6 @@
     
     <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 id="vite-legacy-polyfill" src="/orchestra-music-score/assets/polyfills-legacy.92e0ab3c.js"></script>
-    <script nomodule id="vite-legacy-entry" data-src="/orchestra-music-score/assets/colexiu-legacy.6c525705.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
+    <script nomodule id="vite-legacy-entry" data-src="/orchestra-music-score/assets/colexiu-legacy.5657e325.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
   </body>
 </html>

dist/index.html

@@ -128,10 +128,10 @@
         line-height: 1.8;
       }
     </style>
-    <script type="module" crossorigin src="/orchestra-music-score/assets/index.c26d23af.js"></script>
+    <script type="module" crossorigin src="/orchestra-music-score/assets/index.22de8b73.js"></script>
     <link rel="modulepreload" href="/orchestra-music-score/assets/native-message.ed3d4308.js">
     <link rel="modulepreload" href="/orchestra-music-score/assets/lib-flexible.08f197e6.js">
-    <link rel="modulepreload" href="/orchestra-music-score/assets/main.235313ac.js">
+    <link rel="modulepreload" href="/orchestra-music-score/assets/main.71c04b8f.js">
     <link rel="stylesheet" href="/orchestra-music-score/assets/native-message.f33c5af8.css">
     <script type="module">try{import("_").catch(()=>1);}catch(e){}window.__vite_is_dynamic_import_support=true;</script>
     <script type="module">!function(){if(window.__vite_is_dynamic_import_support)return;console.warn("vite: loading legacy build because dynamic import is unsupported, syntax error above 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>
@@ -214,6 +214,6 @@
     
     <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 id="vite-legacy-polyfill" src="/orchestra-music-score/assets/polyfills-legacy.92e0ab3c.js"></script>
-    <script nomodule id="vite-legacy-entry" data-src="/orchestra-music-score/assets/index-legacy.2f5ac3c5.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
+    <script nomodule id="vite-legacy-entry" data-src="/orchestra-music-score/assets/index-legacy.e0a00b68.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
   </body>
 </html>

src/subpages/colexiu/tips/index.module.less

@@ -28,6 +28,7 @@
   padding: 4px;
   background: rgba(248, 249, 237, 1);
   border-radius: 20px;
+  animation: myscale 1.5s infinite;
   img {
     width: 100%;
     height: 100%;
@@ -60,3 +61,14 @@
     }
   }
 }
+@keyframes myscale {
+  0% {
+    transform: scale(0.9);
+  }
+  50% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0.9);
+  }
+}

src/subpages/colexiu/tips/index.tsx

@@ -12,44 +12,52 @@ export default defineComponent({
   setup(props, ctx) {
     const tipShow = ref(false)
     const guide = reactive({
-        tip1: false,
-        tip2: false
+      tip1: false,
+      tip2: false,
     })
     watch(
       () => state.initRendered,
       () => {
         const isFirstTip = localStorage.getItem('isFirstTip')
         if (state.initRendered && !isFirstTip) {
-        //   tipShow.value = true
-        //   guide.tip1 = true
-        // guide.tip2 = false
+          tipShow.value = true
+          guide.tip1 = true
+          guide.tip2 = false
           console.log('首次渲染结束')
         }
       }
     )
     watch(modelType, () => {
-        console.log(modelType.value)
-        const isFirstModel = localStorage.getItem('isFirstModel')
-        if(modelType.value === 'practice' && !isFirstModel){
-            // tipShow.value = true
-            // guide.tip1 = false
-            // guide.tip2 = true
-            console.log('模式更改')
-        }
+      console.log(modelType.value)
+      const isFirstModel = localStorage.getItem('isFirstModel')
+      if (modelType.value === 'practice' && !isFirstModel) {
+        tipShow.value = true
+        guide.tip1 = false
+        guide.tip2 = true
+        console.log('模式更改')
+      }
     })
     const setLocalData = (key: string) => {
-        localStorage.setItem(key, 'ok')
+      localStorage.setItem(key, 'ok')
     }
     return () => (
       <Popup teleport="body" closeOnClickOverlay={false} class={styles.tipsContainer} v-model:show={tipShow.value}>
-        {guide.tip1 && <Tip1 onHanldeStop={() => {
-            tipShow.value = false
-            setLocalData('isFirstTip')
-        }} />}
-        {guide.tip2 && <Tip2 onHanldeStop={() => {
-            tipShow.value = false
-            setLocalData('isFirstModel')
-        }} />}
+        {guide.tip1 && (
+          <Tip1
+            onHanldeStop={() => {
+              tipShow.value = false
+              setLocalData('isFirstTip')
+            }}
+          />
+        )}
+        {guide.tip2 && (
+          <Tip2
+            onHanldeStop={() => {
+              tipShow.value = false
+              setLocalData('isFirstModel')
+            }}
+          />
+        )}
       </Popup>
     )
   },

src/subpages/colexiu/tips/tip1.tsx

@@ -79,14 +79,13 @@ export default defineComponent({
       const ele = document.querySelector(`[data-step='step${data.step}']`)
       const eleRect = ele?.getBoundingClientRect()
       const eleNode: any = ele?.cloneNode(true)
-      if (ele) {
+      if (ele && eleRect) {
         const parentElement = document.createElement('div')
         parentElement.classList.add(styles.parent)
-        parentElement.style.left = eleRect?.left + 'px'
-        parentElement.style.top = eleRect?.top + 'px'
-        // parentElement.style.width = eleRect?.width + 'px'
-        parentElement.style.height = eleRect?.height + 'px'
-        parentElement.style.transform = 'scale(1.5)'
+        parentElement.style.left = eleRect?.left - 10 + 'px'
+        parentElement.style.top = eleRect?.top - 10 + 'px'
+        parentElement.style.width = eleRect?.width + 20 + 'px'
+        parentElement.style.height = eleRect?.height + 20 + 'px'
         data.rect = eleRect || {}
         parentElement.appendChild(eleNode)
         contentRef.value?.append(parentElement)

src/subpages/colexiu/tips/tip2.tsx

@@ -120,8 +120,8 @@ export default defineComponent({
       if (ele && eleRect && contentRef.value) {
         const parentElement = document.createElement('div')
         parentElement.classList.add(styles.parent)
-        parentElement.style.left = (eleRect.left - eleRect.width / 2) + 'px'
-        parentElement.style.top = eleRect.top + 'px'
+        parentElement.style.left = eleRect.left - 10 + 'px'
+        parentElement.style.top = '0px'
         // parentElement.style.width = eleRect?.width + 'px'
         // parentElement.style.height = eleRect?.height + 'px'
         parentElement.style.borderRadius = '0.1rem'
@@ -159,7 +159,7 @@ export default defineComponent({
             style={{
               width: '2.18667rem',
               left: `${data.rect?.left}px`,
-              top: `${data.rect?.top}px`,
+              top: `0px`,
             }}
           >
             <img class={styles.img} style={item.imgStyle} src={item.img} />