文章颜色

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

@@ -1643,7 +1643,7 @@ export default {
         text-align: right;
       }
       > span {
-        display: block;
+        display: inline-flex;
         &.NNPE-pinyin {
           font-family: "GB-PINYINOK-B";
           font-weight: normal;
@@ -1811,7 +1811,7 @@ export default {
         text-align: right;
       }
       > span {
-        display: block;
+        display: inline-flex;
         &.NNPE-pinyin {
           font-family: "GB-PINYINOK-B";
           font-weight: normal;

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

@@ -178,7 +178,11 @@
                           >{{ item.sentArr[pIndex + 1].pinyin }}</span
                         >
                       </template>
-                      <span class="NNPE-chs" style="text-align: left">
+                      <span
+                        class="NNPE-chs"
+                        style="text-align: left"
+                        :class="[sentIndex == index ? 'wordBlank' : '']"
+                      >
                         <span
                           :class="[
                             pItem.timeList[pItem.leg - 1] &&
@@ -246,7 +250,11 @@
                           >{{ item.sentArr[pIndex + 2].pinyin }}</span
                         >
                       </template>
-                      <span class="NNPE-chs" style="text-align: left">
+                      <span
+                        class="NNPE-chs"
+                        style="text-align: left"
+                        :class="[sentIndex == index ? 'wordBlank' : '']"
+                      >
                         <span
                           :class="[
                             pItem.timeList[pItem.leg - 1] &&