本篇主要针对设计类区块做一些练习1


多个按钮区块

(有时使用一组按钮式的链接是一个不错的设计)

栏目区块

栏目1

栏目区块与表格区块有点类似

栏目1:作者

栏目2

但是比表格区块更灵活

栏目2:书名+下载链接

栏目3

其任一栏目还可以插入任意区块

栏目3:简略书评

群组区块

这是一个段落区块,它属于这个群组

这是一个诗篇区块,它属于这个群组
这是一个代码区块,它属于这个群组

这个段落区块,仍然属于这个群组
我理解,群组区块,就是任意区块组合在一起后的一个区块,这些被组合在一起的区块,同属于这个群组。而从宏观角度看,一个群组区块,可视为栏目区块中的某一个栏目。

行区块

这是一个段落区块,它属于这个群组

这是一个诗篇区块,它属于这个群组
这是一个代码区块,它属于这个群组

这个段落区块,仍然属于这个群组
我理解,群组区块,就是任意区块组合在一起后的一个区块,这些被组合在一起的区块,同属于这个群组。而从宏观角度看,一个群组区块,可视为栏目区块中的某一个栏目。

(可以理解,行区块和群组区块其实就是同一类型,群组区块使其内部区块按默认方式排列,行区块使其内部区块按行方式排列)

堆叠区块

这是一个段落区块,它属于这个群组

这是一个诗篇区块,它属于这个群组
这是一个代码区块,它属于这个群组

这个段落区块,仍然属于这个群组
我理解,群组区块,就是任意区块组合在一起后的一个区块,这些被组合在一起的区块,同属于这个群组。而从宏观角度看,一个群组区块,可视为栏目区块中的某一个栏目。

(可以理解,堆叠区块和群组区块其实就是同一类型,群组区块使其内部区块按默认方式排列,堆叠区块使其内部区块按堆叠方式排列)

分隔符区块


(分隔符样式1)


(分隔符样式2)

空格区块

(以上添加了高度为100的空白)


  1. 依个人习惯,禁用了“更多区块”。 ↩︎

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注