样式修改

src/views/pptResources/index.module.less

@@ -2,9 +2,18 @@
   width: 100%;
   height: 100vh;
   .modalStyles {
+    height: 100%;
+    margin: 0 auto;
+    border-radius: 0;
+    padding-left: 0;
     :global {
       .pptContentWrapStyle {
-        width: 86% !important;
+        width: calc(100% - 110px) !important;
+        position: initial;
+        padding-right: 0;
+        >div{
+          border-radius: 16PX;
+        }
         .pptIconStyle {
           line-height: 30px;
           padding: 12px 13px;
@@ -27,7 +36,7 @@
         .pptChangeSizeStyle {
           width: 70px;
           padding: 26px 0;
-          right: 40px;
+          right: 20px;
           .pptIconTStyle {
             width: 30px;
             height: 30px;

src/views/pptResources/index.tsx

@@ -44,7 +44,7 @@ export default defineComponent({
         ) : queryParams.pptContentType === 'THEORY' ? (
           <TheoryDetail
             class={queryParams.pptType === 'modal' ? styles.modalStyles : ''}
-            type="preview"
+            type={queryParams.pptType}
             id={queryParams.pptId}
           />
         ) : (

src/views/prepare-lessons/model/source-instrument/detail.module.less

@@ -151,9 +151,9 @@
 
 
   .wrapList {
-    width: 470px;
+    width: 100%;
     padding: 0 17px;
-    min-width: 294px;
+    //min-width: 294px;
     min-height: 100%;
     // background: #fff;
     border-radius: 16px;
@@ -594,4 +594,4 @@
       background-size: contain;
     }
   }
-}
+}

src/views/prepare-lessons/model/source-music/detail.module.less

@@ -130,9 +130,9 @@
 
 
   .wrapList {
-    width: 470px;
+    width: 100%;
     padding: 0 17px;
-    min-width: 294px;
+    //min-width: 294px;
     min-height: 100%;
     // background: #fff;
     border-radius: 16px;
@@ -666,4 +666,4 @@
       background-size: contain;
     }
   }
-}
+}