style(appeal.vue): 调整删除按钮的样式和位置

将删除按钮从右上角调整到右下角，并更改图标为删除图标，同时优化了按钮的样式和颜色，以提升用户体验

src/assets/style.css

@@ -764,6 +764,18 @@ video {
   left: -55px;
 }
 
+.-bottom-0 {
+  bottom: -0px;
+}
+
+.-right-5 {
+  right: -1.25rem;
+}
+
+.-bottom-1 {
+  bottom: -0.25rem;
+}
+
 .-z-0 {
   z-index: 0;
 }

src/views/quality/appeal.vue

@@ -112,13 +112,12 @@
                                     </div>
                                     <div class="mt-2 text-sm">{{ appeal.content }}</div>
                                     <div class="mt-1 text-xs text-red-500">{{ appeal.warning }}</div>
-                                    <el-button
-                                        class="hidden group-hover:block absolute -top-0 -right-0 !p-1 !rounded-tl-none !rounded-br-none bg-red-500 text-white shadow-md"
-                                        @click.stop="removeAppeal(index)">
-                                        <el-icon class="text-xs">
-                                            <Close />
+                                    <div class="hidden group-hover:block absolute -bottom-1 right-1 !p-1 !rounded-tl-none !rounded-br-none">
+                                        <el-icon class="text-xs " @click.stop="removeAppeal(index)" style="color: #ff4d4f;">
+                                            <Delete />
                                         </el-icon>
-                                    </el-button>
+                                        
+                                    </div>
                                 </div>
                             </div>
                         </div>