生词展示不录入汉字和图片的时候第一个显示可书写格子

src/components/Adult/preview/NewWordShow.vue

@@ -10,7 +10,13 @@
           }}</span>
         </template>
         <div class="item" style="margin-right: 20px">
-          <div class="con-box">
+          <div
+            class="con-box"
+            v-if="
+              (item.imgOrText && item.imgOrText == 'text' && item.con) ||
+                (item.imgOrText == 'image' && item.img_list.length > 0)
+            "
+          >
             <template v-if="item.imgOrText == 'text'">
               <template v-if="item.con">
                 <div
@@ -40,7 +46,7 @@
                 </div>
               </template>
             </template>
-            <template v-else>
+            <template v-else-if="item.imgOrText == 'image'">
               <div
                 v-for="(imgItem, imgIndex) in item.img_list"
                 :key="imgIndex"
@@ -288,6 +294,13 @@ export default {
               newimgarr.push({});
             }
           }
+          if (
+            !item.imgOrText ||
+            (item.imgOrText === "text" && !item.con.trim()) ||
+            (item.imgOrText === "image" && item.img_list.length === 0)
+          ) {
+            newimgarr.push({});
+          }
           item.imgarr = newimgarr;
           this.$forceUpdate();
         });
@@ -300,7 +313,9 @@ export default {
         let con =
           item.imgOrText == "text"
             ? item.con
-            : item.img_list && item.img_list.length > 0 && item.img_list[0].id;
+            : item.img_list && item.img_list.length > 0 && item.img_list[0].id
+            ? item.img_list[0].id
+            : index;
         let arr = [];
         if (
           _this.curQue.Bookanswer.writeModel &&
@@ -317,6 +332,13 @@ export default {
           for (let i = 0; i < this.curQue.numberList.con; i++) {
             arr.push(null);
           }
+          if (
+            !item.imgOrText ||
+            (item.imgOrText === "text" && !item.con.trim()) ||
+            (item.imgOrText === "image" && item.img_list.length === 0)
+          ) {
+            arr.push(null);
+          }
           //   arr = [null, null, null, null, null, null, null];
         }
         item.imgarr = arr;
@@ -372,7 +394,9 @@ export default {
       _this.currentHz =
         _this.curQue.option[index].imgOrText == "text"
           ? _this.curQue.option[index].con
-          : _this.curQue.option[index].img_list[0].id;
+          : _this.curQue.option[index].img_list[0]
+          ? _this.curQue.option[index].img_list[0].id
+          : index;
       _this.currenHzData = imgUrl;
       console.log(_this.curQue);
     },