轻提示 Toast(点击体验)
垂直居中、2 秒自动消失、≤20 字、去关闭叉、不可交互;重要失败用弹窗,不用 Toast;成功可配轻振动(iOS Safari 不支持则跳过)。
弹窗 Dialog(重要确认/不可逆)
标题+说明+主次按钮;destructive 按钮文案写具体动作(「删除」而非「确定」)。
半屏操作面板 ActionSheet(删除/取消二次确认)
选项类用 ActionSheet;危险项红色置底、取消独立分区;可下滑关闭、适配底部安全区。
底部面板 BottomSheet(静态示意)
复杂内容(筛选/时间选择)用半屏面板;顶部圆角 24,适配 safe-area-inset-bottom。
下拉刷新 PullToRefresh(三阶段)
列表页标配,国民手势;不放「刷新按钮」;已有内容时不再用骨架屏;H5 处理 overscroll-behavior 防与浏览器原生手势打架。
上拉加载 LoadMore / 终态
正在加载…
— 没有更多了 —
仅展示前 100 名
触底自动加载(IntersectionObserver + 哨兵);到底给终态;排行到底「仅展示前 100 名」;请求节流防快速滚动重复触发。