fix: remove image hover mask and keep click to preview

Author: CC11001100

src/components/ChallengeDetailPage/ChallengeDescription.tsx

@@ -25,7 +25,7 @@ const MarkdownImage = (props: any) => {
     // 使用传入的src或回退到默认图片
     const imageSrc = src || FALLBACK_IMAGE;
 
-    // 使用Ant Design的Image组件，支持点击预览
+    // 使用Ant Design的Image组件，支持点击预览但无蒙版和提示文本
     return (
         <Image
             src={imageSrc}
@@ -37,14 +37,8 @@ const MarkdownImage = (props: any) => {
                 display: 'block',
             }}
             preview={{
-                mask: <div className="image-preview-mask">点击查看大图</div>,
-                maskClassName: "image-preview-mask",
-                rootClassName: "custom-image-preview",
-                toolbarRender: () => (
-                    <div className="image-preview-tip">
-                        点击图片外区域关闭 | 滚轮缩放 | 左键拖动
-                    </div>
-                )
+                mask: false,
+                rootClassName: "custom-image-preview"
             }}
             fallback={FALLBACK_IMAGE}
         />
@@ -246,13 +240,8 @@ const ChallengeDescription: React.FC<ChallengeDescriptionProps> = ({ challenge,
                                         display: 'block'
                                     }}
                                     preview={{
-                                        mask: '点击查看大图',
-                                        maskClassName: 'image-preview-mask',
-                                        toolbarRender: () => (
-                                            <div className="image-preview-tip">
-                                                点击图片外区域关闭 | 滚轮缩放 | 左键拖动
-                                            </div>
-                                        ),
+                                        mask: false,
+                                        rootClassName: "custom-image-preview"
                                     }}
                                     fallback={FALLBACK_IMAGE}
                                 />
@@ -289,14 +278,8 @@ const ChallengeDescription: React.FC<ChallengeDescriptionProps> = ({ challenge,
                                     display: 'block'
                                 }}
                                 preview={{
-                                    mask: <div className="image-preview-mask">点击查看大图</div>,
-                                    maskClassName: "image-preview-mask",
-                                    rootClassName: "custom-image-preview",
-                                    toolbarRender: () => (
-                                        <div className="image-preview-tip">
-                                            点击图片外区域关闭 | 滚轮缩放 | 左键拖动
-                                        </div>
-                                    )
+                                    mask: false,
+                                    rootClassName: "custom-image-preview"
                                 }}
                                 fallback={FALLBACK_IMAGE}
                             />

src/styles/markdown.css

@@ -203,11 +203,9 @@
   color: #fff !important;
 }
 
-.image-preview-mask {
-  font-size: 14px !important;
-  font-weight: bold !important;
-  color: #fff !important;
-  background-color: rgba(0, 0, 0, 0.6) !important;
+/* 移除悬浮蒙版 */
+.ant-image-mask {
+  display: none !important;
 }
 
 /* 关闭按钮指示器 */