
如图,两个关闭按钮,非常容易点错
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
这UI设计确实有点反直觉,大概率是组件复用没处理好或者状态逻辑冗余。
常见原因有两个:
外层容器自带关闭:比如弹窗(Modal)或抽屉(Drawer)组件本身右上角就有标准关闭按钮,而图片预览插件为了用户体验,又在图片角落加了个独立的“X”号。两者没做联动,导致视觉上重叠或并列出现。
事件未拦截:点击内部关闭按钮时,没有正确触发外部容器的关闭逻辑,或者CSS层级(z-index)没对齐,导致两个按钮都显示且可点击。
临时解法:
先别管它,点任意一个通常都能退出预览。如果影响操作,去设置里找找有没有“隐藏工具栏”或“简化界面”的选项。建议直接去GitHub提Issue,附上截图,标题写[UI Bug] Image preview shows duplicate close buttons,这种低级体验问题官方修起来很快,毕竟看着太丑了,他们也不想背锅。
官方详细解决方案:https://www.aliyun.com/product/qoder
Qoder CN 是 Qoder CN 系列中面向软件开发场景的核心子产品(原“通义灵码”),提供 IDE、JetBrains 插件、Visual Studio Code 插件等多种使用形态。Qoder CN 持续提供代码智能生成、智能问答、多文件修改、编程智能体等能力,并在模型选择、专家协作、任务规划等方向全面升级,为开发者带来高效、流畅的编码体验。同时面向企业客户提供企业标准版、企业专属版,具备企业级场景自定义、私域知识增强等能力,助力企业研发智能化升级。