修改一些移动端问题

src/components/Adult/phonePreview/DialogueArticleViewChs/NormalModelChs.vue

@@ -1410,3 +1410,122 @@ export default {
   }
 }
 </style>
+<style lang="scss">
+.NPC-Big-Book-preview-green {
+  .NNPE-ArticleView {
+    .NNPE-words {
+      &-box {
+        > span {
+          &.NNPE-pinyin {
+            &.wordActive {
+              color: #24b99e !important;
+            }
+          }
+          &.NNPE-chs {
+            &.wordActive {
+              color: #24b99e !important;
+            }
+            .wordActive {
+              color: #24b99e !important;
+            }
+          }
+        }
+      }
+
+      > span {
+        &.NNPE-pinyin {
+          &.wordActive {
+            color: #24b99e !important;
+          }
+        }
+        &.NNPE-chs {
+          &.wordActive {
+            color: #24b99e !important;
+          }
+          .wordActive {
+            color: #24b99e !important;
+          }
+        }
+      }
+    }
+  }
+}
+.NPC-Big-Book-preview-brown {
+  .NNPE-ArticleView {
+    .NNPE-words {
+      &-box {
+        > span {
+          &.NNPE-pinyin {
+            &.wordActive {
+              color: #bd8865 !important;
+            }
+          }
+          &.NNPE-chs {
+            &.wordActive {
+              color: #bd8865 !important;
+            }
+            .wordActive {
+              color: #bd8865 !important;
+            }
+          }
+        }
+      }
+
+      > span {
+        &.NNPE-pinyin {
+          &.wordActive {
+            color: #bd8865 !important;
+          }
+        }
+        &.NNPE-chs {
+          &.wordActive {
+            color: #bd8865 !important;
+          }
+          .wordActive {
+            color: #bd8865 !important;
+          }
+        }
+      }
+    }
+  }
+}
+.NPC-Big-Book-preview-orange {
+  .NNPE-ArticleView {
+    .NNPE-words {
+      &-box {
+        > span {
+          &.NNPE-pinyin {
+            &.wordActive {
+              color: #f7931d !important;
+            }
+          }
+          &.NNPE-chs {
+            &.wordActive {
+              color: #f7931d !important;
+            }
+            .wordActive {
+              color: #f7931d !important;
+            }
+          }
+        }
+      }
+
+      > span {
+        &.NNPE-pinyin {
+          &.wordActive {
+            color: #f7931d !important;
+          }
+        }
+        &.NNPE-chs {
+          &.wordActive {
+            color: #f7931d !important;
+          }
+          .wordActive {
+            color: #f7931d !important;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

src/components/Adult/phonePreview/DialogueArticleViewChs/Practicechs.vue

@@ -1386,3 +1386,74 @@ export default {
   }
 }
 </style>
+<style lang="scss">
+.NPC-Big-Book-preview-green {
+  .NNPE-ArticleView {
+    .NNPE-words {
+      &-box {
+        > span {
+          &.NNPE-chs {
+            .active {
+              color: #24b99e !important;
+            }
+          }
+        }
+      }
+
+      > span {
+        &.NNPE-chs {
+          .active {
+            color: #24b99e !important;
+          }
+        }
+      }
+    }
+  }
+}
+.NPC-Big-Book-preview-brown {
+  .NNPE-ArticleView {
+    .NNPE-words {
+      &-box {
+        > span {
+          &.NNPE-chs {
+            .active {
+              color: #bd8865 !important;
+            }
+          }
+        }
+      }
+
+      > span {
+        &.NNPE-chs {
+          .active {
+            color: #bd8865 !important;
+          }
+        }
+      }
+    }
+  }
+}
+.NPC-Big-Book-preview-orange {
+  .NNPE-ArticleView {
+    .NNPE-words {
+      &-box {
+        > span {
+          &.NNPE-chs {
+            .active {
+              color: #f7931d !important;
+            }
+          }
+        }
+      }
+
+      > span {
+        &.NNPE-chs {
+          .active {
+            color: #f7931d !important;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

src/components/Adult/phonePreview/components/ImgPreview.vue

@@ -9,7 +9,6 @@
         :src="imgPreviewSrc"
         @load="handleImageLoad"
         :style="{
-          marginTop: -imageHeight / 2 + 'px',
           left: scale > 1 ? '0' : '50%',
           marginLeft: scale > 1 ? '' : -imageWidth / 2 + 'px',
           width: scale === 1 ? '' : imageWidth + 'px',
@@ -99,12 +98,12 @@ export default {
   }
   .img-preview-inner {
     width: 100vw;
-    height: 100vh;
+    height: 80vh;
     overflow: auto;
     position: relative;
     img {
       position: absolute;
-      top: 50%;
+      top: 0;
       left: 50%;
       width: 100%;
     }

src/components/Adult/phonePreview/components/SentenceTemp.vue

@@ -75,7 +75,8 @@
                     :class="[
                       'RLC-chs',
 
-                      sentType == 'option' ? 'RLC-chs-option' : ''
+                      sentType == 'option' ? 'RLC-chs-option' : '',
+                      pItem.chs.length < 10 ? 'RLC-chs-option-little' : ''
                     ]"
                     :style="{
                       fontSize: baseSizePhone + 6 + 'px',
@@ -122,7 +123,8 @@
                       :class="[
                         pItem.chs != '“' && pItem.padding ? 'padding' : '',
 
-                        sentType == 'option' ? 'RLC-chs-option' : ''
+                        sentType == 'option' ? 'RLC-chs-option' : '',
+                        pItem.chs.length < 10 ? 'RLC-chs-option-little' : ''
                       ]"
                       v-html="pItem.chs"
                     ></span>
@@ -168,7 +170,10 @@
                   :class="[
                     'RLC-chs',
 
-                    sentType == 'option' ? 'RLC-chs-option' : ''
+                    sentType == 'option' ? 'RLC-chs-option' : '',
+                    item[pIndex + 1].chs.length < 10
+                      ? 'RLC-chs-option-little'
+                      : ''
                   ]"
                   :style="{
                     fontSize: baseSizePhone + 6 + 'px',
@@ -224,7 +229,10 @@
                 <span
                   :class="[
                     'RLC-chs',
-                    sentType == 'option' ? 'RLC-chs-option' : ''
+                    sentType == 'option' ? 'RLC-chs-option' : '',
+                    item[pIndex + 2].chs.length < 10
+                      ? 'RLC-chs-option-little'
+                      : ''
                   ]"
                   :style="{
                     fontSize: baseSizePhone + 6 + 'px',
@@ -283,7 +291,8 @@
                   }"
                   :class="[
                     pItem.chs != '“' && pItem.padding ? 'padding' : '',
-                    sentType == 'option' ? 'RLC-chs-option' : ''
+                    sentType == 'option' ? 'RLC-chs-option' : '',
+                    pItem.chs.length < 10 ? 'RLC-chs-option-little' : ''
                   ]"
                   v-html="pItem.chs"
                 ></span>
@@ -326,7 +335,8 @@
                     :class="[
                       pItem.chs != '“' && pItem.padding ? 'padding' : '',
 
-                      sentType == 'option' ? 'RLC-chs-option' : ''
+                      sentType == 'option' ? 'RLC-chs-option' : '',
+                      pItem.chs.length < 10 ? 'RLC-chs-option-little' : ''
                     ]"
                     v-html="pItem.chs"
                   ></span>
@@ -548,6 +558,9 @@ export default {
     &-option {
       text-align: left;
       word-break: break-word;
+      &-little {
+        word-break: keep-all;
+      }
     }
   }
   .sentence {

src/components/Adult/preview/DialogueArticleViewChs/NormalModelChs.vue

@@ -1329,3 +1329,122 @@ export default {
   }
 }
 </style>
+<style lang="scss">
+.NPC-Big-Book-preview-green {
+  .NNPE-ArticleView {
+    .NNPE-words {
+      &-box {
+        > span {
+          &.NNPE-pinyin {
+            &.wordActive {
+              color: #24b99e !important;
+            }
+          }
+          &.NNPE-chs {
+            &.wordActive {
+              color: #24b99e !important;
+            }
+            .wordActive {
+              color: #24b99e !important;
+            }
+          }
+        }
+      }
+
+      > span {
+        &.NNPE-pinyin {
+          &.wordActive {
+            color: #24b99e !important;
+          }
+        }
+        &.NNPE-chs {
+          &.wordActive {
+            color: #24b99e !important;
+          }
+          .wordActive {
+            color: #24b99e !important;
+          }
+        }
+      }
+    }
+  }
+}
+.NPC-Big-Book-preview-brown {
+  .NNPE-ArticleView {
+    .NNPE-words {
+      &-box {
+        > span {
+          &.NNPE-pinyin {
+            &.wordActive {
+              color: #bd8865 !important;
+            }
+          }
+          &.NNPE-chs {
+            &.wordActive {
+              color: #bd8865 !important;
+            }
+            .wordActive {
+              color: #bd8865 !important;
+            }
+          }
+        }
+      }
+
+      > span {
+        &.NNPE-pinyin {
+          &.wordActive {
+            color: #bd8865 !important;
+          }
+        }
+        &.NNPE-chs {
+          &.wordActive {
+            color: #bd8865 !important;
+          }
+          .wordActive {
+            color: #bd8865 !important;
+          }
+        }
+      }
+    }
+  }
+}
+.NPC-Big-Book-preview-orange {
+  .NNPE-ArticleView {
+    .NNPE-words {
+      &-box {
+        > span {
+          &.NNPE-pinyin {
+            &.wordActive {
+              color: #f7931d !important;
+            }
+          }
+          &.NNPE-chs {
+            &.wordActive {
+              color: #f7931d !important;
+            }
+            .wordActive {
+              color: #f7931d !important;
+            }
+          }
+        }
+      }
+
+      > span {
+        &.NNPE-pinyin {
+          &.wordActive {
+            color: #f7931d !important;
+          }
+        }
+        &.NNPE-chs {
+          &.wordActive {
+            color: #f7931d !important;
+          }
+          .wordActive {
+            color: #f7931d !important;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

src/components/Adult/preview/DialogueArticleViewChs/Practicechs.vue

@@ -1310,3 +1310,74 @@ export default {
   }
 }
 </style>
+<style lang="scss">
+.NPC-Big-Book-preview-green {
+  .NNPE-ArticleView {
+    .NNPE-words {
+      &-box {
+        > span {
+          &.NNPE-chs {
+            .active {
+              color: #24b99e !important;
+            }
+          }
+        }
+      }
+
+      > span {
+        &.NNPE-chs {
+          .active {
+            color: #24b99e !important;
+          }
+        }
+      }
+    }
+  }
+}
+.NPC-Big-Book-preview-brown {
+  .NNPE-ArticleView {
+    .NNPE-words {
+      &-box {
+        > span {
+          &.NNPE-chs {
+            .active {
+              color: #bd8865 !important;
+            }
+          }
+        }
+      }
+
+      > span {
+        &.NNPE-chs {
+          .active {
+            color: #bd8865 !important;
+          }
+        }
+      }
+    }
+  }
+}
+.NPC-Big-Book-preview-orange {
+  .NNPE-ArticleView {
+    .NNPE-words {
+      &-box {
+        > span {
+          &.NNPE-chs {
+            .active {
+              color: #f7931d !important;
+            }
+          }
+        }
+      }
+
+      > span {
+        &.NNPE-chs {
+          .active {
+            color: #f7931d !important;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

src/views/courseView.vue

@@ -198,6 +198,17 @@ export default {
     this.themeColorPhone = localStorage.getItem("themeColorPhone")
       ? localStorage.getItem("themeColorPhone")
       : "";
+    let Mname = "book-book_manager-GetBook";
+    // 获取课程详情
+    TextbookAPI(Mname, {
+      id: this.bookId
+    })
+      .then(res => {
+        sessionStorage.setItem("Bookdetail", JSON.stringify(res));
+      })
+      .catch(res => {
+        this.loading = false;
+      });
   },
   mounted() {},
   methods: {