buyfakett/reference
1
0
Fork 0
mirror of https://github.com/jaywcjlove/reference.git synced 2025-06-17 04:31:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

doc: update docs/quickreference.md

Browse Source
This commit is contained in:
jaywcjlove
2024-06-06 11:00:59 +08:00
parent 8dbec19255
commit 8fad195069
1 changed files with 29 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
docs/quickreference.md
View File

@ -833,6 +833,9 @@ H2 部分
`R` | Rectangle `R` | Rectangle
`O` | Oval `O` | Oval
`U` | Rounded `U` | Rounded
<!--rehype:className=shortcuts-->
[#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L839-L844)<!--rehype:target=__blank--> `<!--rehype:className=shortcuts-->`
### 展示标题 ### 展示标题
@ -843,7 +846,7 @@ H2 部分
`/` | `/html/body/div` | Root `/` | `/html/body/div` | Root
<!--rehype:className=show-header--> <!--rehype:className=show-header-->
`<!--rehype:className=show-header-->` [#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L839-L844)<!--rehype:target=__blank--> `<!--rehype:className=show-header-->`
### 列表样式展示表格 ### 列表样式展示表格
@ -854,7 +857,7 @@ H2 部分
`titleBarStyle.default` | 分别返回 _mac_ 或者 _win_ 的标准标题栏 `titleBarStyle.default` | 分别返回 _mac_ 或者 _win_ 的标准标题栏
<!--rehype:className=style-list--> <!--rehype:className=style-list-->
`<!--rehype:className=style-list-->` [#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L850-L855)<!--rehype:target=__blank--> `<!--rehype:className=style-list-->`
### 列表箭头样式展示表格 ### 列表箭头样式展示表格
@ -865,7 +868,7 @@ H2 部分
`titleBarStyle.default` | 分别返回 _mac_ 或者 _win_ 的标准标题栏 `titleBarStyle.default` | 分别返回 _mac_ 或者 _win_ 的标准标题栏
<!--rehype:className=style-list-arrow--> <!--rehype:className=style-list-arrow-->
`<!--rehype:className=style-list-arrow-->` [#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L861-L866)<!--rehype:target=__blank--> `<!--rehype:className=style-list-arrow-->`
### 隐藏表头强制小尺寸自动换行 ### 隐藏表头强制小尺寸自动换行
@ -876,7 +879,7 @@ H2 部分
`titleBarStyle.default` | 分别返回 _mac_ 或者 _win_ 的标准标题栏 `titleBarStyle.default` | 分别返回 _mac_ 或者 _win_ 的标准标题栏
<!--rehype:className=auto-wrap--> <!--rehype:className=auto-wrap-->
`<!--rehype:className=auto-wrap-->` [#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L872-L877)<!--rehype:target=__blank--> `<!--rehype:className=auto-wrap-->`
### 表格末尾列左对齐 ### 表格末尾列左对齐
<!--rehype:wrap-class=col-span-2--> <!--rehype:wrap-class=col-span-2-->
@ -887,7 +890,7 @@ H2 部分
`./` | Relative `./` | Relative
<!--rehype:className=show-header left-align--> <!--rehype:className=show-header left-align-->
默认表格末尾列`右对齐`，添加 `<!--rehype:className=left-align-->` 类让其`左对齐` [#示例](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L884-L888)<!--rehype:target=__blank--> 默认表格末尾列`右对齐`，添加 `<!--rehype:className=left-align-->` 类让其`左对齐`
### 强制 code 不换行 ### 强制 code 不换行
@ -897,7 +900,7 @@ H2 部分
| `adb reboot bootloader` | Reboots the device into fastboot | | `adb reboot bootloader` | Reboots the device into fastboot |
<!--rehype:className=show-header code-nowrap--> <!--rehype:className=show-header code-nowrap-->
添加 `<!--rehype:className=code-nowrap-->` 注释 [#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L894-L898)<!--rehype:target=__blank--> 添加 `<!--rehype:className=code-nowrap-->`
列表 列表
--- ---
@ -908,6 +911,8 @@ H2 部分
- Item 2 - Item 2
- Item 3 - Item 3
[#示例](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L905-L909)<!--rehype:target=__blank-->
### 四列 ### 四列
- Item 1 - Item 1
@ -920,7 +925,7 @@ H2 部分
- Item 8 - Item 8
<!--rehype:className=cols-4--> <!--rehype:className=cols-4-->
`<!--rehype:className=cols-4-->` [#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L913-L921)<!--rehype:target=__blank--> `<!--rehype:className=cols-4-->`
### 列表步骤 ### 列表步骤
<!--rehype:wrap-class=row-span-2--> <!--rehype:wrap-class=row-span-2-->
@ -944,7 +949,7 @@ H2 部分
``` ```
<!--rehype:className=style-timeline--> <!--rehype:className=style-timeline-->
`<!--rehype:className=style-timeline-->` [#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L928-L945)<!--rehype:target=__blank--> `<!--rehype:className=style-timeline-->`
### 没有标记 ### 没有标记
@ -959,7 +964,7 @@ H2 部分
- Item 9 - Item 9
<!--rehype:className=cols-3 style-none--> <!--rehype:className=cols-3 style-none-->
`<!--rehype:className=cols-3 style-none-->` [#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L951-L960)<!--rehype:target=__blank--> `<!--rehype:className=cols-3 style-none-->`
### 圆圈标记 ### 圆圈标记
@ -968,7 +973,7 @@ H2 部分
- Item 3 - Item 3
<!--rehype:className=style-round--> <!--rehype:className=style-round-->
`<!--rehype:className=style-round-->` [#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L966-L969)<!--rehype:target=__blank--> `<!--rehype:className=style-round-->`
### 箭头标记 ### 箭头标记
@ -977,7 +982,7 @@ H2 部分
- Item 3 - Item 3
<!--rehype:className=style-arrow--> <!--rehype:className=style-arrow-->
`<!--rehype:className=style-arrow-->` [#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L975-L978)<!--rehype:target=__blank--> `<!--rehype:className=style-arrow-->`
H2 部分 - 5列效果展示 H2 部分 - 5列效果展示
--- ---
@ -990,6 +995,8 @@ H2 部分 - 5列效果展示
... ...
``` ```
[#示例](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1063-L1077)<!--rehype:target=__blank-->
### Two ### Two
``` ```
@ -1024,7 +1031,7 @@ H3 部分 - 占位效果展示
...合并两行 ...合并两行
``` ```
`<!--rehype:wrap-class=row-span-2-->` [#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1020-L1027)<!--rehype:target=__blank--> `<!--rehype:wrap-class=row-span-2-->`
### col-span-2 ### col-span-2
<!--rehype:wrap-class=col-span-2--> <!--rehype:wrap-class=col-span-2-->
@ -1033,7 +1040,7 @@ H3 部分 - 占位效果展示
...合并两列 ...合并两列
``` ```
`<!--rehype:wrap-class=col-span-2-->` [#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1020-L1027)<!--rehype:target=__blank--> `<!--rehype:wrap-class=col-span-2-->`
### 红色标题 ### 红色标题
<!--rehype:style=background:#e91e63;--> <!--rehype:style=background:#e91e63;-->
@ -1042,7 +1049,7 @@ H3 部分 - 占位效果展示
...红色标题配置 ...红色标题配置
``` ```
`<!--rehype:style=background:#e91e63;-->` [#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1038-L1043)<!--rehype:target=__blank--> `<!--rehype:style=background:#e91e63;-->`
### 黄色标题 ### 黄色标题
<!--rehype:style=background:#d7a100;--> <!--rehype:style=background:#d7a100;-->
@ -1051,18 +1058,16 @@ H3 部分 - 占位效果展示
...黄色标题配置 ...黄色标题配置
``` ```
`<!--rehype:style=background:#d7a100;-->` [#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1047-L1052)<!--rehype:target=__blank--> `<!--rehype:style=background:#d7a100;-->`
### col-span-3 ### col-span-3
<!--rehype:wrap-class=col-span-3--> <!--rehype:wrap-class=col-span-3-->
``` ... [#示例](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1056-L1061)<!--rehype:target=__blank--> 三列合并
...
```
### 卡片子项 ### 卡片子项
每个部分可以有以下子项： [#示例](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1063-L1077)<!--rehype:target=__blank--> 每个部分可以有以下子项：
#### H4 子标题 #### H4 子标题
@ -1080,13 +1085,15 @@ H3 部分 - 占位效果展示
每个盒子(卡片)都是一个 `H3` 部分。 盒子将包含 `H3` 自身内的所有东西。 每个盒子(卡片)都是一个 `H3` 部分。 盒子将包含 `H3` 自身内的所有东西。
这是一个包含段落的基本部分。 [#示例](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1079-L1083)<!--rehype:target=__blank--> 这是一个包含段落的基本部分
### H3 部分背景颜色 ### H3 部分背景颜色
<!--rehype:wrap-style=background: #1b5064;--> <!--rehype:wrap-style=background: #1e7da173;-->
```markdown ```markdown
注释配置： 注释配置：
`<!--rehype:wrap-style=background: #1b5064;-->` `<!--rehype:wrap-style=background: #1e7da173;-->`
``` ```
<!--rehype:className=wrap-text --> <!--rehype:className=wrap-text -->
[#示例](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1085-L1087)<!--rehype:target=__blank-->