效果如上图。
Main Ideas
- 左右两个列表
- 左列表展示人员数据,含有姓氏首字母的 header item
- 右列表是一个全由姓氏首字母组成的索引列表,点击某个item,展示一个气泡组件(它会自动延时关闭), 左列表滚动并显示与点击的索引列表item 相同的 header
- 搜索动作后,匹配人员名称中是否包含搜索字符串,或搜索字符串为单一字符时,是否能匹配到某个首字母;而且滚动后,左右列表都能滚动至对应 Header 或索引处。
Steps
Pls wait ...
效果如上图。
Pls wait ...