菜单

项目
项目视图用于显示大量的网站内容。

下载

类型

项目 Flexbox

一组项目。

响应式元素

项目视图设计为响应式,在移动分辨率下,图片会堆叠显示。

标题
描述
其他细节
标题
描述
其他细节

内容

图片

项目可以包含图片。

内容

项目可以包含内容。

内容 A
内容 B
内容 C

标题

项目可以包含标题。

元数据

项目可以包含内容元数据。

您可以使用自己的类约定来包含任意数量的元数据,所有子元素会自动进行间距。
Arrowhead Valley 营地
$1200 1 个月
Buck's Homebrew Stayaway 营地
$1000 2 周
占星术营地
$1600 6 周

链接

项目可以包含图片、标题或内容内的链接。

要使项目的整个内容链接,请查看下面的链接变体。
Stevie Feliciano

Stevie Feliciano 是住在纽约市的 图书馆科学家。她喜欢阅读、跑步和写作。

Veronika Ossi

Veronika Ossi 是一位住在纽约的布景设计师,她 喜欢 小猫、音乐和派对。

Jenny Hess

Jenny 是一名在新学院学习媒体管理的学生。

描述

项目可以包含包含一个或多个段落的描述。

可爱的小狗

可爱的小狗有各种形状和大小。有些可爱的小狗因其可爱的脸而可爱,另一些因其身材矮小而可爱,甚至另一些因其体型巨大而可爱。

许多人也有自己的标准来衡量什么是可爱的小狗。

额外内容

项目可以包含旨在与主要内容分开格式化的额外内容。

可爱的小狗
121 票

评分

项目可以包含表示“喜欢”或“收藏”操作的图标。

您可以使用 评分 组件将事件附加到“喜欢”和“收藏”图标。
Veronika Ossi
Justen Kitsune

变体

堆叠

表格可以指定如何响应式地堆叠项目。

标题
描述
其他细节
标题
描述
其他细节

分割

项目可以进行分割,以更好地区分分组内容。

以下示例仅出于可读性目的使用 ui。对于使用 ui items 来说,这是不必要的。
为奴十二年
联合广场 14
IMAX
其他语言
龙猫
IFC 影院
购买门票
有限
守望者
IFC
购买门票

放松

一组项目可以放宽其填充,以提供更多负空间。

链接项目

项目可以进行格式化,使其整个内容链接到另一个页面。

垂直对齐

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

您可以使用自己的类约定来包含任意数量的元数据,所有子元素会自动进行间距。
顶部对齐
中间对齐
底部对齐

浮动内容

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

您可以使用自己的类约定来包含任意数量的元数据,所有子元素会自动进行间距。
内容 A
操作
内容 B
操作
内容 C
操作

调光器消息
调光器子标题