文章注释卡片居中

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

@@ -1745,8 +1745,9 @@ export default {
     max-width: 100%;
     overflow: auto;
     top: 50%;
-    margin-top: -196px;
+    margin-top: -130px;
     left: 50%;
+    padding: 8px;
   }
   .NNPE-detail-box {
     width: 100%;

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

@@ -750,7 +750,7 @@
     <template v-if="isNoteShow">
       <div
         ref="notecard"
-        class="NNPE-wordDetail"
+        class="NNPE-wordDetail NNPE-noteDetail"
         :style="{
           marginLeft: windowWidth > 642 ? '-321px' : '0px',
           left: windowWidth > 642 ? '' : '0px'
@@ -1565,6 +1565,11 @@ export default {
     //   height: 200px;
     //   background: #cc0;
   }
+  .NNPE-noteDetail {
+    margin-top: -130px;
+    padding: 8px;
+    box-shadow: none;
+  }
   .NNPE-detail-box {
     width: 100%;
     box-sizing: border-box;

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

@@ -1323,8 +1323,9 @@ export default {
     max-width: 100%;
     overflow: auto;
     top: 50%;
-    margin-top: -196px;
+    margin-top: -130px;
     left: 50%;
+    padding: 8px;
   }
 }
 </style>

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

@@ -478,7 +478,7 @@
     <template v-if="isNoteShow">
       <div
         ref="notecard"
-        class="NNPE-wordDetail"
+        class="NNPE-wordDetail NNPE-noteDetail"
         :style="{
           marginLeft: windowWidth > 642 ? '-321px' : '0px',
           left: windowWidth > 642 ? '' : '0px'
@@ -1345,5 +1345,10 @@ export default {
     overflow: auto;
     box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
   }
+  .NNPE-noteDetail {
+    margin-top: -130px;
+    padding: 8px;
+    box-shadow: none;
+  }
 }
 </style>

src/components/Adult/preview/NewWordShow.vue

@@ -266,6 +266,7 @@
       :append-to-body="true"
       :lock-scroll="true"
       width="320px"
+      top="20%"
       class="practiceBox practiceBoxStrock"
       v-if="ifFreeShow"
     >