精选展示轮播

• 宽屏图文分栏；文字保持清楚的主次，大幅预览与动作对应，窄屏改为上下排列。
• 少量成熟产品以显著的产品名称建立身份，价值标题、简短用途和开始条件分层呈现；预览展示与该产品有关的成果或界面，不能用无关装饰代替。合成示例仍明确标注性质。
• 只在有多个值得精选的真实条目、且轮换服务发现任务时采用；单条保留静态展示，空内容给出明确空态，不为门户强制增加轮播。
• 每屏关联名称、用途、开始条件、主动作与预览。示意素材标明性质，真实产品事实和入口由目标产品提供。
• 至少提供上一项、下一项、直接选择与暂停/播放；手动切换从头计时，循环顺序稳定。非当前屏不可被点按或键盘聚焦，轮换不移动用户焦点。
• 控制嵌在同一展示色面内：宽屏靠右下角，窄屏在内容下方居中并预留空间；细边圆形箭头配小圆点直接选择，活动点用深色区分，暂停/播放用轻量图标。保留足够点击区、可访问名称及焦点轮廓，不让数字按钮、文字工具条或重复播放状态抢占产品主视觉。
• 鼠标悬停与鼠标手动切换不停止后续自动播放，切换后重新计时。键盘焦点在轮播内时暂停，离开后恢复此前播放；主动暂停保持到用户播放。自动播放时关闭轮换播报，手动或键盘操作时温和播报当前项。
• 后台或离屏停止计时，回到可见状态只恢复此前仍允许的自动播放；减少动态偏好默认停止自动切换并取消转场，用户仍可主动播放或手动切换。
• 本示例的 interval_ms=10000（每屏停留毫秒）、transition_ms=450（淡入淡出毫秒）是此变体可覆盖参数，应用时按阅读量及目标设置调整，不作为其它站点的强制值。
• 切换保持展示区高度稳定，淡入淡出不叠加两套可操作内容；窄屏重排图文并保留全部控制，主任务不依赖动画。

2026-11-03 实看 Labs 顶部精选展示的宽窄屏、自动推进及手动后接续；保留产品身份、用途预览与嵌入式轻量控制关系。两个本地合成产品和成果示意为原创；全幅布局是目标适配，不是来源原样。 查看来源