弹窗样式修改

src/views/music-library/project-music-sheet/module/gym/music-sheet-gym.tsx

@@ -50,6 +50,7 @@ import deepClone from '@/utils/deep.clone'
 import { copyText, getOwnerName } from '@views/music-library/musicUtil'
 import MusicPreView from '@views/music-library/music-sheet/modal/musicPreView'
 import { HelpCircleOutline } from '@vicons/ionicons5'
+import styles from "../index.module.less"
 
 export default defineComponent({
   name: 'project-music-sheet-mec',
@@ -767,10 +768,10 @@ export default defineComponent({
           <NModal
             blockScroll={true}
             v-model:show={state.musicPreview}
-            preset="dialog"
+            preset="card"
             showIcon={false}
             title={'曲目预览'}
-            style={{ width: 'auto' }}
+            class={styles.musicPreviewModal}
           >
             <MusicPreView item={state.musicScore} scoreType={state.musicPreviewScoreType} />
           </NModal>

src/views/music-library/project-music-sheet/module/gyt/music-sheet-gyt.tsx

@@ -38,6 +38,7 @@ import { filterTimes } from '@/utils/dateUtil'
 import { copyText, getOwnerName } from '@views/music-library/musicUtil'
 import UpdateMusic from '@views/music-library/project-music-sheet/module/gyt/updateMusic'
 import MusicPreView from '@views/music-library/music-sheet/modal/musicPreView'
+import styles from "../index.module.less"
 
 export default defineComponent({
   name: 'project-music-sheet-gyt',
@@ -748,10 +749,10 @@ export default defineComponent({
           <NModal
             blockScroll={true}
             v-model:show={state.musicPreview}
-            preset="dialog"
+            preset="card"
             showIcon={false}
             title={'曲目预览'}
-            style={{ width: 'auto' }}
+            class={styles.musicPreviewModal}
           >
             <MusicPreView item={state.musicScore} scoreType={state.musicPreviewScoreType} />
           </NModal>

src/views/music-library/project-music-sheet/module/index.module.less

@@ -0,0 +1,21 @@
+.musicPreviewModal{
+    width: 1030px !important;
+    height: 701px !important;
+    max-width: 90vw !important;
+    max-height: 90vh !important;
+    overflow: hidden;
+    border-radius: 18px !important;
+    :global{
+        .n-card__content{
+            padding: 0 !important;
+            >div{
+                width: 100% !important;
+                height: 100% !important;
+                >iframe{
+                    width: 100% !important;
+                    height: 100% !important;
+                }
+            }
+        }
+    }
+}

src/views/music-library/project-music-sheet/module/klx/music-sheet-klx.tsx

@@ -45,6 +45,7 @@ import deepClone from '@/utils/deep.clone'
 import { copyText, getOwnerName } from '@views/music-library/musicUtil'
 import UpdateMusic from '@views/music-library/project-music-sheet/module/klx/updateMusic'
 import MusicPreView from '@views/music-library/music-sheet/modal/musicPreView'
+import styles from "../index.module.less"
 
 export default defineComponent({
   name: 'music-sheet-KLX',
@@ -798,10 +799,10 @@ export default defineComponent({
           <NModal
             blockScroll={true}
             v-model:show={state.musicPreview}
-            preset="dialog"
+            preset="card"
             showIcon={false}
             title={'曲目预览'}
-            style={{ width: 'auto' }}
+            class={styles.musicPreviewModal}
           >
             <MusicPreView item={state.musicScore} scoreType={state.musicPreviewScoreType} />
           </NModal>

src/views/music-library/project-music-sheet/module/klx_jg/music-sheet-klx_jg.tsx

@@ -46,6 +46,7 @@ import deepClone from '@/utils/deep.clone'
 import { copyText, getOwnerName } from '@views/music-library/musicUtil'
 import UpdateMusic from './updateMusic'
 import MusicPreView from '@views/music-library/music-sheet/modal/musicPreView'
+import styles from "../index.module.less"
 
 export default defineComponent({
   name: 'music-sheet-KLX',
@@ -759,10 +760,10 @@ export default defineComponent({
           <NModal
             blockScroll={true}
             v-model:show={state.musicPreview}
-            preset="dialog"
+            preset="card"
             showIcon={false}
             title={'曲目预览'}
-            style={{ width: 'auto' }}
+            class={styles.musicPreviewModal}
           >
             <MusicPreView item={state.musicScore} scoreType={state.musicPreviewScoreType} />
           </NModal>

src/views/music-library/project-music-sheet/module/kt/music-sheet-kt.tsx

@@ -38,6 +38,7 @@ import { filterTimes } from '@/utils/dateUtil'
 import deepClone from '@/utils/deep.clone'
 import {copyText, getOwnerName} from '@views/music-library/musicUtil'
 import MusicPreView from '@views/music-library/music-sheet/modal/musicPreView'
+import styles from "../index.module.less"
 
 export default defineComponent({
   name: 'project-music-sheet-KT',
@@ -744,10 +745,10 @@ export default defineComponent({
           <NModal
             blockScroll={true}
             v-model:show={state.musicPreview}
-            preset="dialog"
+            preset="card"
             showIcon={false}
             title={'曲目预览'}
-            style={{ width: 'auto' }}
+            class={styles.musicPreviewModal}
           >
             <MusicPreView item={state.musicScore} scoreType={state.musicPreviewScoreType}/>
           </NModal>