细节修改

src/components/MtPdf.vue

@@ -8,7 +8,7 @@
       <div style="position: relative;height: 100%;width: 100%">
         <img
           v-if="showLoading"
-          class="full-img"
+          :class="['full-img', isCourseTrainOut? 'full-img-out' : '']"
           @click.stop="toFullScreen"
           :src="fullState ? exitFull : fullScreen"
         >
@@ -25,13 +25,13 @@
           <b v-else>{{ page }}</b> /&nbsp;{{ numPages }}</span>
         <img
           v-if="showLoading"
-          class="resize small"
+          :class="['resize', 'small', isCourseTrainOut? 'small-img-out' : '']"
           @click="toLittle"
           src="@/assets/images/small.png"
         >
         <img
           v-if="showLoading"
-          class="resize large"
+          :class="['resize', 'large', isCourseTrainOut? 'large-img-out' : '']"
           @click="toBig(true)"
           src="@/assets/images/add.png"
         >
@@ -133,6 +133,10 @@ export default {
     blockJumpPage: {
       type: Boolean,
       default: false
+    },
+    isCourseTrainOut: {
+      type: Boolean,
+      default: false
     }
   },
   methods: {
@@ -429,6 +433,15 @@ export default {
     border-radius: 6px;
     background: #f1f1f1;
   }
+  .tool-bar .full-img-out{
+    right: 34px;
+  }
+  .tool-bar .small-img-out{
+    right: 61px;
+  }
+  .tool-bar .large-img-out{
+    right: 87px;
+  }
 </style>
 <style>
   .action_toast{

src/components/MtPdfPpt.vue

@@ -7,7 +7,7 @@
     >
       <img
         v-if="showLoading"
-        class="full-img"
+        :class="['full-img', isCourseTrainOut? 'full-img-out' : '']"
         @click="toFullScreen"
         :src="fullState ? exitFull : fullScreen"
       >
@@ -24,13 +24,13 @@
         <b v-else>{{ page }} </b>/&nbsp;{{ numPages }}</span>
       <img
         v-if="showLoading"
-        class="resize small"
+        :class="['resize', 'small', isCourseTrainOut? 'small-img-out' : '']"
         @click.stop="toLittle"
         src="@/assets/images/small.png"
       >
       <img
         v-if="showLoading"
-        class="resize large"
+        :class="['resize', 'large', isCourseTrainOut? 'large-img-out' : '']"
         @click.stop="toBig(true)"
         src="@/assets/images/add.png"
       >
@@ -117,6 +117,10 @@ export default {
     blockJumpPage: {
       type: Boolean,
       default: false
+    },
+    isCourseTrainOut: {
+      type: Boolean,
+      default: false
     }
   },
   methods: {
@@ -417,4 +421,13 @@ export default {
     border-radius: 6px;
     background: #f1f1f1;
   }
+  .tool-bar .full-img-out{
+    right: 34px;
+  }
+  .tool-bar .small-img-out{
+    right: 61px;
+  }
+  .tool-bar .large-img-out{
+    right: 87px;
+  }
 </style>

src/components/MtWord.vue

@@ -7,7 +7,7 @@
     >
       <img
         v-if="showLoading"
-        class="full-img"
+        :class="['full-img', isCourseTrainOut? 'full-img-out' : '']"
         @click="toFullScreen"
         :src="fullState ? exitFull : fullScreen"
       >
@@ -24,13 +24,13 @@
         <b v-else>{{ page }}</b> / {{ numPages }}</span>
       <img
         v-if="showLoading"
-        class="resize small"
+        :class="['resize', 'small', isCourseTrainOut? 'small-img-out' : '']"
         @click.stop="toLittle"
         src="@/assets/images/small.png"
       >
       <img
         v-if="showLoading"
-        class="resize large"
+        :class="['resize', 'large', isCourseTrainOut? 'large-img-out' : '']"
         @click.stop="toBig(true)"
         src="@/assets/images/add.png"
       >
@@ -118,6 +118,10 @@ export default {
     blockJumpPage: {
       type: Boolean,
       default: false
+    },
+    isCourseTrainOut: {
+      type: Boolean,
+      default: false
     }
   },
   methods: {
@@ -414,4 +418,13 @@ export default {
     border-radius: 6px;
     background: #f1f1f1;
   }
+  .tool-bar .full-img-out{
+    right: 34px;
+  }
+  .tool-bar .small-img-out{
+    right: 61px;
+  }
+  .tool-bar .large-img-out{
+    right: 87px;
+  }
 </style>

src/components/mt-organization/index.vue

@@ -857,12 +857,12 @@ function compare (property) {
         overflow-y: auto;
         .searchBox {
           width: 20rem;
-          height: 1.6rem;
+          height: 2rem;
           background-color: #fff;
           margin: 0 auto;
           margin-top: .67rem;
           margin-bottom: .67rem;
-          border-radius: 10px;
+          border-radius: 2rem;
           .searchBlock {
             position: relative;
             width: 100%;

src/views/CourseDetail/index.vue

@@ -96,6 +96,7 @@
         :block-jump-page="blockJumpPage"
         @hideBackBarToIos="iosHideBack = false"
         @showBackBarToIos="iosHideBack = true"
+        :isCourseTrainOut = "isOutLine"
       />
       <mt-pdf
         v-else-if="currentSection.isTest==='3' && upLoad"
@@ -107,6 +108,7 @@
         :block-jump-page="blockJumpPage"
         @hideBackBarToIos="iosHideBack = false"
         @showBackBarToIos="iosHideBack = true"
+        :isCourseTrainOut = "isOutLine"
       />
       <mt-word
         v-else-if="currentSection.isTest==='4' && upLoad"
@@ -118,6 +120,7 @@
         :block-jump-page="blockJumpPage"
         @hideBackBarToIos="iosHideBack = false"
         @showBackBarToIos="iosHideBack = true"
+        :isCourseTrainOut = "isOutLine"
       />
       <ul class="tag-group">
         <li