菜单

条目
条目视图用于显示网站内容大集合

下载

种类

条目 (Items) Flexbox

一组条目

响应式元素

条目视图是用来解决手机中图片叠加的响应式布局的

标题
描述
额外的细节
标题
描述
额外的细节

内容

图片 (Image)

条目可以包含图片

内容 (Content)

条目可以包含内容

内容 A
内容 B
内容 C

标题 (Header)

条目可以包含标题

元数据 (Metadata)

条目可以包含内容元数据

你可以有一个任意数量的元数据,利用你自己的类,所有的子元素将被自动隔离开。
箭头谷营
1200美元 1 个月
巴克的家酿
1000美元 2 周
占星术营
1600美元 6 周

超链接 (Link)

条目可以包含像图像、标题或者里面的内容。

让所有内容成为一个条目链接,看看下面的链接变化。
史蒂夫.费利西亚诺

史蒂夫是一个 图书馆学家 住在纽约市。她喜欢把她的时间花在阅读、跑步和写作上.

索菲亚

索菲亚是一个设计家,住在纽约市喜欢小猫、音乐和聚会。

珍妮赫斯

珍妮是一个学生,在 新学院学习媒体管理。

描述 (Description)

条目可以包含一段或多段的内容

可爱的小狗

可爱的狗有不同的形状和大小。一些是因为它们讨人喜欢的模样,一些是因为它们小巧的身材,甚至还有的是因为它们的大个头.

很多人都有自己的标准来判断什么是可爱的狗.

附加的内容 (Extra Content)

条目可以包含从主内容中被分别格式化的内容

可爱的小狗
121 票

评分 (Rating)

条目可以包含表示“喜欢”或者“喜爱”动作的图标

你可以用 评分 组件在喜欢的图标上附加事件。
索菲亚
贾丝廷

变形

分割 (Divided)

条目可以通过分隔更好的区分不同的组

下面的例子用 ui 只有易读性。没必要用 ui items
为奴12载
联合广场 14
IMAX
附加的语言
龙猫
IFC 影院
购票
限制的
守望者
IFC
购票

松散 (Relaxed)

一组条目可以松散它的填充以提供更多的负空间

链接条目 (Link Item)

条目可以被格式化以便所有的内容都链接到另一个页面

垂直对其 (Vertical Alignment)

内容可以指定其垂直对其方式

你可以有一个任意数量的元数据,利用你自己的类,所有的子元素将被自动隔离开。
顶部对其
居中对其
底部对其

浮动内容 (Floated Content)

任何元素内容都可以左浮动或者右浮动

你可以有一个任意数量的元数据,利用你自己的类,所有的子元素将被自动隔离开。
Content A
Action
内容 B
行为
内容 C
行为