devttl/reference
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

doc: update docs/quickreference.md

Browse Source
This commit is contained in:
jaywcjlove 2022-09-30 09:52:33 +08:00
parent d39380a07f
commit c8530f6ca9
1 changed files with 39 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
docs/quickreference.md
View File

@ -225,7 +225,7 @@ H2 部分
`row-span-4` | `4` 行占位
<!--rehype:className=show-header -->
### 卡片合并行布局
### 卡片合并行布局 1
```shell
╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮
@ -250,7 +250,7 @@ H2 部分
第一标题添加 `col-span-3` 占位类
### 卡片列合并布局
### 卡片列合并布局 2
```shell
╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
@ -274,7 +274,7 @@ H2 部分
在 `Title 1` 标题添加 `row-span-2` 占位类
### 卡片列合并布局
### 卡片列合并布局 3
```shell
╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
@ -298,7 +298,7 @@ H2 部分
在 `Title 2` 标题添加 `row-span-2` 占位类
### 卡片列合并布局
### 卡片列合并布局 4
```shell
╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
@ -322,7 +322,7 @@ H2 部分
在 `Title 3` 标题添加 `row-span-2` 占位类
### 卡片列合并布局
### 卡片列合并布局 5
```shell
╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
@ -346,7 +346,7 @@ H2 部分
在 `Title 5` 标题添加 `col-span-2` 占位类
### 卡片列合并布局
### 卡片列合并布局 6
```shell
╭┈┈┈╮ ╭┈┈┈┈┈┈┈┈┈╮
@ -368,9 +368,9 @@ H2 部分
### Title 5
```
在 `Title 5` 标题添加 `col-span-2` 占位类
在 `Title 2` 标题添加 `col-span-2` 占位类
### 卡片列合并布局
### 卡片列合并布局 7
```shell
╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
@ -392,7 +392,37 @@ H2 部分
### Title 5
```
在 `Title 5` 标题添加 `col-span-2` 占位类
在 `Title 4` 标题添加 `col-span-2` 占位类
### 卡片列合并布局 8
<!--rehype:wrap-class=col-span-2-->
```shell
╭┈┈┈┈┈┈┈┈┈╮ ╭┈┈┈╮
┆ 1 ┆ ┆ 2 ┆
┆ ┆ ╰┈┈┈╯
┆ ┆ ╭┈┈┈╮
┆ ┆ ┆ 3 ┆
╰┈┈┈┈┈┈┈┈┈╯ ╰┈┈┈╯
╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
┆ 4 ┆ ┆ 5 ┆ ┆ 6 ┆
╰┈┈┈╯ ╰┈┈┈╯ ╰┈┈┈╯
```
上面布局效果 Markdown 源码：
```markdown
### Title 1
<!--rehype:wrap-class=col-span-2 row-span-2-->
### Title 2
### Title 3
### Title 4
### Title 5
### Title 6
```
在 `Title 1` 标题添加 `col-span-2` 和 `row-span-2` 占位类，使用 `空格` 间隔。
表格
---