新增删除卡片功能

src/components/pages/addCourse.vue

@@ -3219,6 +3219,9 @@
                   >
                     <div>{{ s }}</div>
                   </el-tooltip>
+                  <div class="deleteWord" @click.stop="deleteS(s, stIndex, sIndex)">
+                    <img src="../../assets/icon/delete.png" alt="" />
+                  </div>
                 </div>
               </div>
               <div class="card">
@@ -3246,6 +3249,9 @@
                       >
                         <div>{{ r }}</div>
                       </el-tooltip>
+                       <div class="deleteWord" @click.stop="deleteR(r, stIndex, rIndex)">
+                    <img src="../../assets/icon/delete.png" alt="" />
+                  </div>
                     </div>
                     <div>{{ rIndex + 1 }}</div>
                   </div>
@@ -3894,6 +3900,12 @@ export default {
           });
       }
     },
+    deleteS(s,i,j){
+      this.sentenceList[i].addSentence.splice(j,1);
+    },
+    deleteR(r,i,j){
+      this.sentenceList[i].rightAnswer.splice(j,1);
+    },
     openT() {
       window.parent.postMessage({ tools: "25" }, "*");
     },
@@ -6487,9 +6499,11 @@ export default {
   width: 22px;
   height: 22px;
   position: absolute;
-  right: 20px;
-  top: -10px;
+  right: 5px;
+  top: -15px;
   cursor: pointer;
+  display: none;
+  z-index: 999;
 }
 
 .wordPic > img,
@@ -8538,11 +8552,18 @@ ol {
   cursor: pointer;
   background-image: url("../../assets/icon/conSentences/titleBorder.png");
   background-size: cover;
+  position: relative;
+  z-index: 99;
 }
 .isCard1 {
   background-image: url("../../assets/icon/conSentences/answerBorder.png");
 }
-.isCard > div {
+.isCard:hover .deleteWord,
+.isCard1:hover .deleteWord{
+  display: block;
+}
+.isCard > div:nth-child(1),
+.isCard1 > div:nth-child(1) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;