feat(修改bug): 70567

src/components/ImageUpload/index.vue

@@ -42,7 +42,7 @@
       <template v-if="fileSize"> 且不得超过{{ fileSize }}MB </template>
     </div>
 
-    <el-dialog :visible.sync="dialogVisible" width="800" append-to-body>
+    <el-dialog :visible.sync="dialogVisible" width="800" append-to-body :close-on-click-modal="false">
       <img
         :src="dialogImageUrl"
         style="display: block; max-width: 100%; margin: 0 auto"
@@ -247,14 +247,26 @@ export default {
 ::v-deep .el-dialog {
   background: none;
   width: 100%;
+  box-shadow: none;
 }
-::v-deep .el-dialog__headerbtn {
-  top: 8px !important;
-  background: url('../../assets/icons/svg/guanbi.png') left no-repeat;
-  background-size: cover;
-}
+//::v-deep .el-dialog__headerbtn {
+//  top: 8px !important;
+//  background: url('../../assets/icons/svg/guanbi.svg') left no-repeat;
+//  background-size: cover;
+//}
 ::v-deep .el-dialog__headerbtn i {
-  font-size: 25px;
-  visibility: hidden;
+  font-size: 35px;
+  color: white;
+  //visibility: hidden;
+}
+// Dialog悬停样式
+::v-deep .el-dialog__headerbtn:focus .el-dialog__close,
+::v-deep .el-dialog__headerbtn:hover .el-dialog__close {
+  color: white !important;
+}
+// MessageBox悬停样式
+::v-deep .el-message-box__headerbtn:focus .el-message-box__close,
+::v-deep .el-message-box__headerbtn:hover .el-message-box__close {
+  color: white !important;
 }
 </style>