Repository navigation
fix: 优化多网盘下载助手按钮的视觉呈现与响应式适配 - #61
Merged
Merged
Conversation
城通在 150% 缩放下按钮与「上传」间距变成 48px；200% 缩放进入手机档后间距又变成 0；其余站点按钮的尺寸、图标与官方控件有偏差。 城通原先按相邻控件矩形差猜间距，窄视口下搜索框的弹性留白被误判；手机档上传组只剩一个按钮，旧判据把按钮插进了组内。其余适配器是早期手写值。 城通按钮插到上传组外：桌面/平板由站点 10px 左边距留空，手机档组左边距为 0，按站点 8px 补；内边距 16、图标间距 8。百度 8/16 内边距（官网两字 8/24，四字标签收窄）、32px 高、16px 圆角、间距 16px；天翼 30px 高、2px 圆角、0-12 内边距；迅雷圆角 4、图标 18×36、文字 13；夸克去掉描边、图标 20（SVG 带 viewBox 0 0 22 22）、间距 16px。 node --check 通过；业务检查全绿，skill_refs 的 15 项历史结构检查仍红，与本次无关。ego 实测 508~1524 各档城通间距 10/8 与站点一致；百度 110×32 在 762~1524 不溢出；夸克 88×36、图标 20 完整；天翼、迅雷尺寸与官方一致。
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
改动
背景
城通在 150% 缩放时，工具栏搜索框的弹性留白被识别为控件间距，按钮与上传控件间距扩大至 48px；200% 缩放时进入窄视口布局，上传组仅保留单个按钮，原挂载逻辑将按钮插入组内，间距归零。其余适配器的按钮尺寸与图标为早期硬编码值，与站点控件存在 1~2px 偏差。
验证
node --check与git diff --check通过；本地业务检查全部通过。浏览器实测：城通在 1524/1016 宽度下间距 10px，762/610/508 宽度下间距 8px，按钮均位于上传组之外；百度、天翼、迅雷、夸克、移动在 1524/1219/1016/762 宽度下无溢出、无遮挡，间距分别为 16/12/12/16/24px。
夸克图标以 20px 完整渲染；百度按钮尺寸 110×32。
已在浏览器中安装脚本并手动验证受影响的页面