Merge branch 'NPC-lhd'

src/components/Adult/preview/NewWordShow.vue

@@ -1,6 +1,7 @@
 <!--  -->
 <template>
   <div class="Big-Book-prev-Textdes NewWordShow" v-if="curQue">
+      <h2 v-if="curQue.title">{{curQue.title}}</h2>
       <div class="item-box">
           <div class="item" v-for="(item,index) in curQue.option" :key="index">
               <p v-if="item.pinyin">{{item.pinyin}}</p>
@@ -125,14 +126,22 @@ export default {
 //@import url(); 引入公共css类
 .NewWordShow{
     width: 100%;
-    padding: 0 4px;
-    background: #F7F7F7;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 8px;
+    h2{
+        margin: 16px 0 0;
+        font-weight: 500;
+        font-size: 16px;
+        line-height: 24px;
+        color: #000000;
+        margin-bottom: 16px;
+    }
     .item-box{
         display: flex;
         flex-flow: wrap;
         padding-bottom: 8px;
+        padding: 0 4px;
+        background: #F7F7F7;
+        border: 1px solid rgba(0, 0, 0, 0.1);
+        border-radius: 8px;
         .item{
             display: flex;
             align-items: flex-end;
@@ -260,6 +269,20 @@ export default {
 }
 </style>
 <style lang="scss">
+.NNPE-Big-Book-preview-red{
+    .NewWordShow{
+        .strock-play-box{
+            width: 16px;
+            height: 16px;
+            right: -1px;
+            background: url('../../../assets/NPC/strock-play-red-click.png') center no-repeat;
+            background-size: cover;
+        }
+        .character-target-div{
+            // background-color: initial;
+        }
+    }
+}
 .NNPE-Big-Book-preview-green{
     .NewWordShow{
         .strock-play-box{