1688 无线体验设计指南
  • Introduction
  • Color 颜色
  • Font 字体
  • Line 线
  • Button 按钮
  • Dialog 对话框
  • Icon 图标
  • List 列表
  • Loading 进度
  • Menu 菜单
  • Navigation 导航
  • Notice & Feedback 提示和反馈
  • Selector 选择控制器
  • Slider 轮播
  • Tab 选项卡
  • Tags 标签
  • Textfield 文本框
Powered by GitBook
On this page
  • 定义 / Definition
  • 分类 / Type
  • 样式与交互 / Style&Interaction

List 列表

PreviousIcon 图标NextLoading 进度

Last updated 7 years ago

定义 / Definition

列表作为一个单一的连续元素来以垂直排列的方式显示多行条目。列表最适合应用于显示同类的数据类型或者数据类型组,比如图片和文本,目标是区分多个数据类型数据或单一类型的数据特性,使得理解起来更加简单。

分类 / Type

按照其功能分类,以单行列表为例将其分为常规型列表和选择型列表。

1、常规型列表交互方式:点击列表内任何区域表示选中进入下一页面。

2、选择型列表交互方式:点击列表内任何区域,列表右侧出现☑️符号表示选中且不进行页面跳转。

样式与交互 / Style&Interaction

列表容器以一致的格式来显示一组相关的内容,为一致性的类型或者一组内容指定优先顺序来体现层次感以获取更好的可读性。列表瓦片可以包含三行的文本,并且文本的字数可以在同一列表的不同瓦片间有所不同。

1. 一行文字 / Single Line

2. 两行文字 / Two Line

3. 联系人列表 / Contact List

4. 组合