feat: add remove action to remove task and images for MJ and SD task list page

web/src/assets/css/image-mj.css

@@ -299,6 +299,7 @@
   overflow: hidden;
   border-radius: 6px;
   transition: all 0.3s ease; /* 添加过渡效果 */
+  position: relative;
 }
 .page-mj .inner .task-list-box .finish-job-list .job-item .opt .opt-line {
   margin: 6px 0;
@@ -327,6 +328,15 @@
   font-size: 20px;
   cursor: pointer;
 }
+.page-mj .inner .task-list-box .finish-job-list .job-item .remove {
+  display: none;
+  position: absolute;
+  right: 10px;
+  top: 10px;
+}
+.page-mj .inner .task-list-box .finish-job-list .job-item:hover .remove {
+  display: block;
+}
 .page-mj .inner .task-list-box .finish-job-list .animate:hover {
   box-shadow: 0 0 10px rgba(71,255,241,0.6); /* 添加阴影效果 */
   transform: translateY(-10px); /* 向上移动10像素 */

web/src/assets/css/image-sd.css

@@ -184,6 +184,7 @@
   overflow: hidden;
   border-radius: 6px;
   transition: all 0.3s ease; /* 添加过渡效果 */
+  position: relative;
 }
 .page-sd .inner .task-list-box .finish-job-list .job-item .opt .opt-line {
   margin: 6px 0;
@@ -212,6 +213,15 @@
   font-size: 20px;
   cursor: pointer;
 }
+.page-sd .inner .task-list-box .finish-job-list .job-item .remove {
+  display: none;
+  position: absolute;
+  right: 10px;
+  top: 10px;
+}
+.page-sd .inner .task-list-box .finish-job-list .job-item:hover .remove {
+  display: block;
+}
 .page-sd .inner .task-list-box .finish-job-list .animate:hover {
   box-shadow: 0 0 10px rgba(71,255,241,0.6); /* 添加阴影效果 */
   transform: translateY(-10px); /* 向上移动10像素 */

web/src/assets/css/task-list.styl

@@ -148,6 +148,7 @@
       overflow hidden
       border-radius 6px
       transition: all 0.3s ease; /* 添加过渡效果 */
+      position relative
 
       .opt {
         .opt-line {
@@ -183,6 +184,19 @@
           }
         }
       }
+
+      .remove {
+        display none
+        position absolute
+        right 10px
+        top 10px
+      }
+
+      &:hover{
+        .remove {
+          display block
+        }
+      }
     }
 
     .animate {