|
@@ -650,16 +650,20 @@ export default defineComponent({
|
|
|
data.musicIndex = index;
|
|
|
musicIframeLoad();
|
|
|
}}>
|
|
|
- <i
|
|
|
- class={[styles.iconType, styles[item.paymentType]]}></i>
|
|
|
- <img
|
|
|
- class={styles.musicAvtor}
|
|
|
- src={item.titleImg}
|
|
|
- onLoad={(e: Event) => {
|
|
|
- const el = e.target as HTMLImageElement;
|
|
|
- el.setAttribute('loaded', 'true');
|
|
|
- }}
|
|
|
- />
|
|
|
+ <div class={styles.musicAvtor}>
|
|
|
+ <i
|
|
|
+ class={[
|
|
|
+ styles.iconType,
|
|
|
+ styles[item.paymentType]
|
|
|
+ ]}></i>
|
|
|
+ <img
|
|
|
+ src={item.titleImg}
|
|
|
+ onLoad={(e: Event) => {
|
|
|
+ const el = e.target as HTMLImageElement;
|
|
|
+ el.setAttribute('loaded', 'true');
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
<div class={styles.musicInfo}>
|
|
|
<div class={styles.musicName}>
|
|
|
<NoticeBar
|
|
@@ -718,8 +722,7 @@ export default defineComponent({
|
|
|
<p class={styles.finchLoad}>加载中...</p>
|
|
|
</div>
|
|
|
)} */}
|
|
|
- {
|
|
|
- data.musics[data.musicIndex]?.id &&
|
|
|
+ {data.musics[data.musicIndex]?.id && (
|
|
|
<iframe
|
|
|
id="staffIframeRef"
|
|
|
style={{
|
|
@@ -731,7 +734,7 @@ export default defineComponent({
|
|
|
await analyzeXml();
|
|
|
musicIframeLoad();
|
|
|
}}></iframe>
|
|
|
- }
|
|
|
+ )}
|
|
|
{/* <OsmdPreview ref={osmdPreviewRef} /> */}
|
|
|
</>
|
|
|
</div>
|
|
@@ -813,12 +816,11 @@ export default defineComponent({
|
|
|
{!isEnsemble.value && (
|
|
|
<img id="coai-2" src={icon_down} onClick={handleSave} />
|
|
|
)}
|
|
|
- {
|
|
|
- data.musics[data.musicIndex]?.id &&
|
|
|
+ {data.musics[data.musicIndex]?.id && (
|
|
|
<div class={styles.rightBtnsRight} id="coai-3">
|
|
|
<img src={icons.icon_start} onClick={() => handleGoto()} />
|
|
|
</div>
|
|
|
- }
|
|
|
+ )}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|