diff --git a/docs/quickreference.html b/docs/quickreference.html index 4a4dee5f..f7c2c188 100644 --- a/docs/quickreference.html +++ b/docs/quickreference.html @@ -43,7 +43,7 @@

这是您可以在 Quick Reference 备忘单上使用的样式参考,快速参与贡献

入门

本地编译预览

简单的将仓库克隆下来本地调试页面展示。

克隆仓库

@@ -132,7 +132,7 @@ \``` <!--rehype:className=wrap-text --> -

如果代码块内容太长,使用强制换行类解决

+

如果代码块内容太长,使用强制换行类(wrap-text)解决

展示表格表头

| Key | value | 
 | ---- | ---- |
@@ -262,7 +262,7 @@
 
隐藏卡片标题,在 H3 标题下面添加注释样式
 
### 隐藏卡片标题
-<!--rehype:style=display:none;&wrap-style=padding-top: 0;-->
+<!--rehype:style=display:none;&wrap-style=padding-top: 0;-->
 

HTML 代码预览

@@ -287,7 +287,7 @@

上面实例 H2 部分 标题下面有三个卡片,默认 3 栏布局。

H2 部分
 ---
-<!--rehype:body-class=cols-2-->
+<!--rehype:body-class=cols-2-->
 ### 卡片 1 (H3 部分)
 ### 卡片 2 (H3 部分)
 ### 卡片 3 (H3 部分)
@@ -330,21 +330,21 @@
 
 

占位布局 style 写法

### H3 部分
-<!--rehype:wrap-style=grid-row: span 2/span 2;-->
+<!--rehype:wrap-style=grid-row: span 2/span 2;-->
 

放在 ### H3 部分 下面的注释配置,与 <!--rehype:wrap-class=row-span-2--> 相同,设置 2 行占位布局。

卡片栏布局 style 写法

## H2 部分
-<!--rehype:body-style=grid-template-columns: repeat(2,minmax(0,1fr));-->
+<!--rehype:body-style=grid-template-columns: repeat(2,minmax(0,1fr));-->
 

放在 ## H2 部分 下面的注释配置,与 <!--rehype:body-class=cols-2--> 相同,设置 2 栏布局。

H3 部分

### 卡片 1 (H3 部分)
-<!--rehype:wrap-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 ### 卡片 2 (H3 部分)
-<!--rehype:wrap-class=col-span-3-->
+<!--rehype:wrap-class=col-span-3-->
 ### 卡片 3 (H3 部分)
 
@@ -740,6 +740,28 @@
:-:-
visualEffectState.inactive后台应一直显示为非激活状态。
titleBarStyle string (win/mac)窗口标题栏样式。默认值 (default)
titleBarStyle.default分别返回 mac 或者 win 的标准标题栏

<!--rehype:className=auto-wrap-->

+

表格末尾列左对齐

+ + + + + + + + + + + + + + + + + + +
PrefixWhat
//Anywhere
./Relative
+ +

默认表格末尾列右对齐,添加 <!--rehype:className=left-align--> 类让其左对齐

列表

一栏(默认)