文档中心 > 组件和控件

List列表

更新时间:2017/09/13 访问次数:1866

定义(Definition)

以表格为容器,装载着文字或图表的一种形式,叫列表。列表作为一个单一的连续元素来以垂直排列的方式显
示多行条目。

列表使用规范:

1、单行列表

在单行列表中,每个瓦片显示一行文案信息。瓦片上端没有线,下端由于需要区分内容有0.5px的分割线存在,颜色:#DCDDE3,长度: 为界面宽度瓦片内若为单独内容,则上下存在12px间隔,若多个瓦片为同级信息,则没有间隔。

左侧为icon 文案信息、右侧为操作区

2、双行列表

在双行列表中,每个瓦片显示两行信息

左侧为图片+信息,当图片logo信息为插件logo、企业信息logo时 尺寸为40x40px,当前信息为消息、IM联系人、服务号时,则尺寸为44x44px

3、多行列表

在多行列表中,每个瓦片最多包含三行及三行以上的文本,文本的字数可以在同一列表中的不同瓦片间有所改变。适用于宝贝文章插件。

插件logo+文案信息展示

商品信息展示 示例

商品图+文案信息展示

4、标题、注释

普通标题样式、列表中强标题

列表上弱标题

5、千牛头条list

在单行列表中,每个瓦片现实一行信息

头条列表中图文展示一:作文右图样式

头条列表中图文展示二:三图样式

头条列表中图文展示二:大图样式

相关设计稿 & 标注

FAQ

关于此文档暂时还没有FAQ
返回
顶部