生词卡片位置

src/components/Adult/preview/ArticleViewChs/PhraseModelChs.vue

@@ -545,7 +545,7 @@
       <div
         ref="wordcard"
         class="NNPE-wordDetail"
-        :style="{ top: top + 'px', left: left + 'px' }"
+        :style="{ left: left + 'px' }"
       >
         <Wordcard
           :word="word"
@@ -1235,6 +1235,8 @@ export default {
   .NNPE-wordDetail {
     position: fixed;
     z-index: 9999;
+    top: 50%;
+    margin-top: -196px;
     //   width: 260px;
     //   height: 200px;
     //   background: #cc0;

src/components/Adult/preview/ArticleViewChs/WordModelChs.vue

@@ -503,7 +503,7 @@
       <div
         ref="wordcard"
         class="NNPE-wordDetail"
-        :style="{ top: top + 'px', left: left + 'px' }"
+        :style="{ left: left + 'px' }"
       >
         <Wordcard
           :word="word"
@@ -608,11 +608,11 @@ export default {
         if (val) {
           setTimeout(() => {
             _this.cardHeight = _this.$refs.wordcard.offsetHeight;
-            if (_this.screenHeight - _this.clientY > _this.cardHeight) {
-              _this.top = _this.clientY + 20;
-            } else {
-              _this.top = _this.clientY - _this.cardHeight - 30;
-            }
+            // if (_this.screenHeight - _this.clientY > _this.cardHeight) {
+            //   _this.top = _this.clientY + 20;
+            // } else {
+            //   _this.top = _this.clientY - _this.cardHeight - 30;
+            // }
           }, 0);
         }
       },
@@ -1071,6 +1071,8 @@ export default {
 .NNPE-wordDetail {
   position: fixed;
   z-index: 9999;
+  top: 50%;
+  margin-top: -196px;
   //   width: 260px;
   //   height: 200px;
   //   background: #cc0;

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

@@ -377,7 +377,7 @@
       <div
         ref="wordcard"
         class="NNPE-wordDetail"
-        :style="{ top: top + 'px', left: left + 'px' }"
+        :style="{ left: left + 'px' }"
       >
         <Wordcard
           :word="word"
@@ -551,11 +551,11 @@ export default {
         if (val) {
           setTimeout(() => {
             _this.cardHeight = _this.$refs.notecard.offsetHeight;
-            if (_this.screenHeight - _this.clientY > _this.cardHeight) {
-              _this.top = _this.clientY + 20;
-            } else {
-              _this.top = _this.clientY - _this.cardHeight - 30;
-            }
+            // if (_this.screenHeight - _this.clientY > _this.cardHeight) {
+            //   _this.top = _this.clientY + 20;
+            // } else {
+            //   _this.top = _this.clientY - _this.cardHeight - 30;
+            // }
           }, 50);
         }
       },
@@ -848,7 +848,6 @@ export default {
         } else {
           writeModel[hz] = [answer];
         }
-        console.log(this.curQue.Bookanswer);
       }
     },
   },
@@ -856,12 +855,9 @@ export default {
   created() {},
   //生命周期 - 挂载完成（可以访问DOM元素）
   mounted() {
-    console.log(this.curQue);
     if (this.curQue) {
       this.handleData();
     }
-    console.log("生词");
-    console.log(this.NNPENewWordList);
     if (this.NNPENewWordList && this.NNPENewWordList.length > 0) {
       this.handleNewword();
     }
@@ -1138,6 +1134,8 @@ export default {
   .NNPE-wordDetail {
     position: fixed;
     z-index: 9999;
+    top: 50%;
+    margin-top: -196px;
   }
 }
 </style>

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

@@ -296,7 +296,7 @@
       <div
         ref="wordcard"
         class="NNPE-wordDetail"
-        :style="{ top: top + 'px', left: left + 'px' }"
+        :style="{ left: left + 'px' }"
       >
         <Wordcard
           :word="word"
@@ -1052,6 +1052,8 @@ export default {
 .NNPE-wordDetail {
   position: fixed;
   z-index: 9999;
+  top: 50%;
+  margin-top: -196px;
   //   width: 260px;
   //   height: 200px;
   //   background: #cc0;

src/components/Adult/preview/Voicefullscreen-ly.vue

@@ -845,7 +845,7 @@
         <div
           ref="wordcard"
           class="NNPE-wordDetail"
-          :style="{ top: top + 'px', left: left + 'px' }"
+          :style="{ left: left + 'px' }"
         >
           <Wordcard
             :word="word"
@@ -2851,6 +2851,8 @@ export default {
   .NNPE-wordDetail {
     position: fixed;
     z-index: 9999;
+    top: 50%;
+    margin-top: -196px;
   }
   &.bg1 {
     background: #fff;

src/components/Adult/preview/Voicefullscreen.vue

@@ -581,7 +581,7 @@
       <div
         ref="wordcard"
         class="NNPE-wordDetail"
-        :style="{ top: top + 'px', left: left + 'px' }"
+        :style="{ left: left + 'px' }"
       >
         <Wordcard
           :word="word"
@@ -1277,6 +1277,8 @@ export default {
   .NNPE-wordDetail {
     position: fixed;
     z-index: 9999;
+    top: 50%;
+    margin-top: -196px;
   }
   &.bg1 {
     background: #fff;

src/components/Adult/preview/components/Wordcard.vue

@@ -76,7 +76,7 @@
         }}</span>
       </p>
       <template v-if="word.detail">
-        <span class="word-ben-def">
+        <!-- <span class="word-ben-def">
           <span
             v-if="
               word.detail.definition_list &&
@@ -91,7 +91,7 @@
             >词典释义</span
           >
           <span v-else>暂无释义</span>
-        </span>
+        </span> -->
         <div
           class="bwc-word-en"
           :class="['bwc-word-en' + word.detail.new_word.length]"
@@ -108,7 +108,7 @@
           ></span>
         </div>
       </template>
-      <div class="bwc-more-intp" @click="viewIntp">查看更多</div>
+      <div class="bwc-more-intp" @click="viewIntp">more</div>
       <div class="bwc-footer">
         <button class="bwc-btn" @click="handleColl">
           <template v-if="!collFlag">