图片预览界面为什么两个关闭按钮

image.png
如图,两个关闭按钮,非常容易点错

展开
收起
捷睿 2026-10-15 12:11:29 33 分享 版权
1 条回答
写回答
取消 提交回答
  • 这UI设计确实有点反直觉,大概率是组件复用没处理好或者状态逻辑冗余。

    常见原因有两个:
    外层容器自带关闭:比如弹窗(Modal)或抽屉(Drawer)组件本身右上角就有标准关闭按钮,而图片预览插件为了用户体验,又在图片角落加了个独立的“X”号。两者没做联动,导致视觉上重叠或并列出现。
    事件未拦截:点击内部关闭按钮时,没有正确触发外部容器的关闭逻辑,或者CSS层级(z-index)没对齐,导致两个按钮都显示且可点击。

    临时解法:
    先别管它,点任意一个通常都能退出预览。如果影响操作,去设置里找找有没有“隐藏工具栏”或“简化界面”的选项。建议直接去GitHub提Issue,附上截图,标题写[UI Bug] Image preview shows duplicate close buttons,这种低级体验问题官方修起来很快,毕竟看着太丑了,他们也不想背锅。

    官方详细解决方案:https://www.aliyun.com/product/qoder

    2026-10-15 17:37:32
    赞同 3 展开评论
问答地址:

Qoder CN 是 Qoder CN 系列中面向软件开发场景的核心子产品(原“通义灵码”),提供 IDE、JetBrains 插件、Visual Studio Code 插件等多种使用形态。Qoder CN 持续提供代码智能生成、智能问答、多文件修改、编程智能体等能力,并在模型选择、专家协作、任务规划等方向全面升级,为开发者带来高效、流畅的编码体验。同时面向企业客户提供企业标准版、企业专属版,具备企业级场景自定义、私域知识增强等能力,助力企业研发智能化升级。

热门讨论

热门文章

还有其他疑问?
咨询AI助理