前面比较六套样板时,我挑了不同地方:导航喜欢一种,弹窗喜欢另一种,文件列表和分段切换又各有取舍。接回产品以后,几个组件库的默认样式开始互相影响。
搜索、筛选和排序会遮盖,按钮空间不一致,设置页还有一根突兀的滚动条。修一个间距,别处又冒出默认负边距。CSS 覆盖规则越来越多,改完还得回头看其他页面有没有受影响。
我把导航、命令按钮、文件集合、菜单、弹窗、输入和分段切换收进自己的桌面组件层,业务页面统一从这里调用。Radix 的焦点、菜单键盘和浮层行为继续用,封装在公共组件内部。
桌面需要另一套密度
手机的 48 像素触控范围搬到桌面后,按钮和任务行都显得太高。我把常规工具、行内动作和主要命令分别定尺寸,图标与文字自然排在一起。试过文字居中、图标单独占左槽,空得难受,又撤掉了。
发送卡片和底部输入区共用一列宽度,切换状态由同一个底片连续移动,滚动和键盘焦点也一起处理。
接完文件页,我又打开详情、新建、重命名和批量结果,再看传输、设置,补齐浮层里剩下的默认样式。静态检查会拦住业务页直接引入旧主题组件。现在想改按钮高度或忙碌状态,终于能找到一个固定位置。