汉语细节

src/components/Adult/preview/TextProblem.vue

@@ -17,9 +17,9 @@
                                             <span class="pinyin" :class="[noFont.indexOf(itemCon.pinyin)>-1?'noFont':'']" v-if="item.detail.pyPosition=='bottom'">{{itemCon.pinyin}}</span>
                                         </div>
                                         <div style="text-align: left">
-                                            <span class="pinyin" :class="[noFont.indexOf(items.detail.wordsList[indexCon + 1].pinyin)>-1?'noFont':'']" v-if="item.detail.pyPosition=='top'">{{item.detail.wordsList[indexCon + 1].pinyin}}</span>
+                                            <span class="pinyin" :class="[noFont.indexOf(item.detail.wordsList[indexCon + 1].pinyin)>-1?'noFont':'']" v-if="item.detail.pyPosition=='top'">{{item.detail.wordsList[indexCon + 1].pinyin}}</span>
                                             <span class="hanzi content-con">{{item.detail.wordsList[indexCon + 1].chs}}</span>
-                                            <span class="pinyin" :class="[noFont.indexOf(items.detail.wordsList[indexCon + 1].pinyin)>-1?'noFont':'']" v-if="item.detail.pyPosition=='bottom'">{{item.detail.wordsList[indexCon + 1].pinyin}}</span>
+                                            <span class="pinyin" :class="[noFont.indexOf(item.detail.wordsList[indexCon + 1].pinyin)>-1?'noFont':'']" v-if="item.detail.pyPosition=='bottom'">{{item.detail.wordsList[indexCon + 1].pinyin}}</span>
                                         </div>
                                   </div>
                                   
@@ -113,6 +113,7 @@ export default {
     background: #F7F7F7;
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 8px;
+    margin-bottom: 16px;
     h2{
         margin: 16px 0 0;
         font-weight: 500;

src/components/Adult/preview/TinyModule.vue

@@ -2,7 +2,7 @@
 <template>
   <div class="Big-Book-prev-Tiny" v-if="curQue">
     <h2 v-if="curQue.title">{{curQue.title}}</h2>
-    <div v-html="curQue.con"></div>
+    <div v-html="curQue.con" class="tiny-box"></div>
   </div>
 </template>
 
@@ -41,5 +41,8 @@ export default {
         line-height: 24px;
         color: #000000;
     }
+    .tiny-box{
+        word-break: break-word;
+    }
 }
 </style>