楼层横滑(标题为参考实现,rail 为内置结构)

热播推荐

更多 ›

山海之间

星河彼岸

燃冬来信

白夜微光

长风渡口

深海回声

雪岭疾行

内置:横滚 viewport(原生 scroll + CSS scroll-snap,snap 三态默认 proximity)、卡片间距 token --sw-rail-gap(默认 0.75rem,#210 起基线不粘连, 可覆盖任意值含 0)、默认左右箭头(仅 hover 设备显示,移动端手指滑;本例左箭头为到头 .is-disabled 态 —— 与静止态外观对称、仅不可点;样式全走 --sw-rail-arrow-* token)、 键盘 ←/→/Home/End。参考实现(非框架内置):楼层标题行与海报卡 —— 内容走 #default slot 业务 渲染,卡片须自带确定宽度(SR-001);异步追加内容后需调 railRef.refresh()(SR-002)。 主要 props:snap / scrollBy('page' 或 px)/ arrows / ariaLabel;#controls 作用域插槽或 defineExpose 的 scrollPrev/scrollNext/canPrev/canNext 可完全自定义控件。