Content Card 内容卡片集区块使用教程

Content Card 内容卡片集区块我们设计了3种展现形式,为了最大限度的支持用户自定义,我们没有做数量设置,所以如果默认你添加了Content Card排版不够美观,需要自行通过设计里面的“栏目”区块来约束它的显示位置和数量。

栏目区块

创建栏目,点击加号添加“栏目”区块,选择自带的布局“栏目”,然后插入“Content Card”。

Image

例如我们选择55分或者333分,就可以放入2个或者3个Content Card。

这是栏目布局

这是栏目布局

样式选择的覆盖,通过设置图片高度控制显示高度。

这是栏目布局

这是栏目布局

先创建栏目,然后添加Content Card

另外也可以创建“堆叠”或者“网格”布局。

堆叠和网格布局
堆叠布局+Content Card 内容卡片集区块

堆叠布局+Content Card 内容卡片集区块

这里是添加的“堆叠”区块,Content Card样式选择的“水平”

按钮
堆叠布局+Content Card 内容卡片集区块

堆叠布局+Content Card 内容卡片集区块

想要全屏宽度,堆叠设置里面“对齐方式”选择“拉伸项目”

按钮
这是网格布局

这是网格布局

网格布局可以手动设置每行显示的数量

这是网格布局

这是网格布局

创建的“网格”布局+Content Card

这是网格布局

这是网格布局

创建的“网格”布局+Content Card

这是网格布局

这是网格布局

创建的“网格”布局+Content Card

这是网格布局

这是网格布局

创建的“网格”布局+Content Card

这是网格布局

这是网格布局

创建的“网格”布局+Content Card

提示:

点击左上角图标可以查看页面使用到的区块,方便选择。对应的区块进行设置。

版块之间想要添加间距,可以使用“间隔”

间隔区块