zc

src/views/learning/learningMaterials.vue

@@ -515,8 +515,37 @@
         flex: 1;
         display: flex;
         flex-direction: column;
-        overflow: hidden;
+        overflow-y: auto;
+        overflow-x: hidden;
         background: #fff;
+        ::v-deep section.docx {
+          width: 100% !important;
+          padding: 16pt !important;
+          box-sizing: border-box !important;
+          min-height: unset !important;
+        }
+        ::v-deep section.docx img {
+          max-width: 100% !important;
+          width: auto !important;
+          height: auto !important;
+        }
+        ::v-deep section.docx div[style*="display: inline-block"] {
+          max-width: 100% !important;
+          width: auto !important;
+          height: auto !important;
+        }
+        ::v-deep section.docx table {
+          max-width: 100% !important;
+          table-layout: fixed;
+          word-break: break-all;
+        }
+        ::v-deep section.docx td,
+        ::v-deep section.docx th {
+          word-break: break-all;
+        }
+        ::v-deep section.docx {
+          margin-bottom: 20px !important;
+        }
         .load-fail-text {
           flex: 1;
           text-align: center;