修改移动端问题

src/views/book/courseware/preview/components/article/components/Practice.vue

@@ -471,7 +471,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .practice {
-  width: 100%;
+  // width: 100%; // 添加了margin后在手机上会有滚动条
   margin: 8px;
 
   //   max-height: 434px;
@@ -564,7 +564,7 @@ export default {
       align-items: center;
       justify-content: space-between;
       width: 100%;
-      height: 34px;
+      height: 32px;
       padding: 0;
       margin-top: 44px;
       list-style: none;
@@ -576,7 +576,7 @@ export default {
         font-style: normal;
         font-weight: bold;
         line-height: 34px;
-        color: #ff5757;
+        color: #fff;
         text-align: center;
         cursor: pointer;
         background: #ffe6e6;

src/views/book/courseware/preview/components/article/components/Wordcard.vue

@@ -181,7 +181,7 @@
         :lock-scroll="true"
         :width="isMobile ? '100%' : '504px'"
         class="practiceBox practiceBoxStrock"
-        :modal="false"
+        :modal="isMobile"
         :top="isMobile ? '0' : '15vh'"
       >
         <!-- <div v-if="isPraShow" class="practiceBox practiceBoxStrock" :style="{ width: isPhone ? '100%' : '520px' }"> -->

src/views/book/courseware/preview/components/image_text/ImageTextPreview.vue

@@ -284,6 +284,7 @@ export default {
 .position-item {
   position: absolute;
   z-index: 1;
+  font-size: 0;
   cursor: pointer;
   border: 3px solid transparent;
 
@@ -319,6 +320,7 @@ export default {
     height: 100%;
     padding: 5px;
     font-family: 'League', '楷体';
+    line-height: 1;
     text-align: center;
     resize: none;
     background: transparent;