加载失败...
';else try{const e=JSON.parse(t.detail.serverResponse);if(1===e.code){const n=e.data,r=n&&n.body?`\n ${n.body.title||""}
\n${n.body.subtitle||""}
\n${n.body.text||""}
\n `:"";t.detail.elt.innerHTML=`\n\n ${n&&n.top_img?`
`:""}\n ${n&&n.header?`
`:""}\n
`}else t.detail.elt.innerHTML=`${n.header}
`:""}\n ${r}
\n ${n&&n.footer?``:""}\n ${n&&n.bottom_img?`${data.msg}
`}catch(e){console.error(e)}return!1}}}),htmx.A.defineExtension("bny-code",{onEvent:function(e,t){if("htmx:beforeSwap"===e){const e=t.target.getAttribute("hx-swap")||"innerHTML",n=`${src_tool.escapeHTML(t.detail.serverResponse)}${n.body.title||""}
\n${n.body.subtitle||""}
\n${n.body.text||""}
\n `:"";t.detail.elt.innerHTML=`\n\n ${n&&n.top_img?``:""}\n ${n&&n.header?``:""}\n
`}else t.detail.elt.innerHTML=`${n.header}
`:""}\n ${r}
\n ${n&&n.footer?``:""}\n ${n&&n.bottom_img?`${data.msg}
`}else t.detail.elt.innerHTML='网络错误
';return!1}}}),htmx.A.defineExtension("bny-code",{onEvent:function(e,t){if(null!==t.target&&"htmx:beforeSwap"===e){const e=t.target.getAttribute("hx-swap")||"innerHTML";if(200===t.detail.xhr.status){const n=`${src_tool.escapeHTML(t.detail.serverResponse)}
-
\ No newline at end of file
diff --git a/doc/alert.md b/doc/alert.md
new file mode 100644
index 0000000..4d132cd
--- /dev/null
+++ b/doc/alert.md
@@ -0,0 +1,75 @@
+静态：
+
+静态：
-
- 警示信息alert-primary
-
-
- 警示信息alert-secondary
-
-
- 警示信息alert-success
-
-
- 警示信息alert-warning
-
-
- 警示信息alert-danger
-
- 动态：
-
- 警示信息alert-primary
-
-
- 警示信息alert-secondary
-
-
- 警示信息alert-success
-
-
- 警示信息alert-warning
-
-
- 警示信息alert-danger
-
-
+ 警示信息alert-primary
+
+
+ 警示信息alert-secondary
+
+
+ 警示信息alert-success
+
+
+ 警示信息alert-warning
+
+
+ 警示信息alert-danger
+
+
+代码：
+
+```html
+
+ 警示信息alert-primary
+
+
+ 警示信息alert-secondary
+
+
+ 警示信息alert-success
+
+
+ 警示信息alert-warning
+
+
+ 警示信息alert-danger
+
+```
+
+动态：
+
+
+ 警示信息alert-primary
+
+
+ 警示信息alert-secondary
+
+
+ 警示信息alert-success
+
+
+ 警示信息alert-warning
+
+
+ 警示信息alert-danger
+
+
+代码：
+
+```html
+
+ 警示信息alert-primary
+
+
+ 警示信息alert-secondary
+
+
+ 警示信息alert-success
+
+
+ 警示信息alert-warning
+
+
+ 警示信息alert-danger
+
+```
\ No newline at end of file
diff --git a/doc/btn.html b/doc/btn.html
deleted file mode 100644
index 6ed66fb..0000000
--- a/doc/btn.html
+++ /dev/null
@@ -1,48 +0,0 @@
-
-
-
-
-
-
-
-
-
- - - - - - - -
- a标签按钮 - a标签按钮 - a标签按钮 - a禁用按钮 -
- - - - - - -
-
\ No newline at end of file
diff --git a/doc/btn.md b/doc/btn.md
new file mode 100644
index 0000000..19a897d
--- /dev/null
+++ b/doc/btn.md
@@ -0,0 +1,117 @@
+
+
+
+
+
+
+
+- - - - - - - -
- a标签按钮 - a标签按钮 - a标签按钮 - a禁用按钮 -
- - - - - - -
-
-
-
-
-
-
-
-
-
-
-+ +代码： + +```html + + + + + + + +``` + + + + + + + + +
+ +代码： + +```html + + + + + + + +``` + +a标签按钮 +a标签按钮 +a标签按钮 +a禁用按钮 +
+ +代码： + +```html +a标签按钮 +a标签按钮 +a标签按钮 +a禁用按钮 +``` + + + + + + + +
+ +代码： + +```html + + + + + + +``` + +
+
+
+
+
+
+
+
+
+
+
+代码：
+
+```html
+
+
+
+
+
+
+
+
+
+
+```
\ No newline at end of file
diff --git a/doc/card.html b/doc/card.html
deleted file mode 100644
index f77c9e3..0000000
--- a/doc/card.html
+++ /dev/null
@@ -1,60 +0,0 @@
-
-
-
- -
-
- -
-
-
\ No newline at end of file
diff --git a/doc/card.md b/doc/card.md
new file mode 100644
index 0000000..2121e03
--- /dev/null
+++ b/doc/card.md
@@ -0,0 +1,214 @@
+### 静态
+#### 卡片一：
+
+
- 
-
-
-
- 欢迎光临兔子卡片！
-奈斯小标题。
-注意，本例中的卡片宽度已设置为20rem，否则它将尝试填充卡片所在的当前容器/行。
- --
- 
-
-
-
- 欢迎光临兔子卡片！
-奈斯小标题。
-注意，本例中的卡片宽度已设置为20rem，否则它将尝试填充卡片所在的当前容器/行。
- -
- - -
-
-
-
- 头部
-
-
-
-
- 欢迎光临兔子卡片！
-奈斯小标题。
-注意，本例中的卡片宽度已设置为20rem，否则它将尝试填充卡片所在的当前容器/行。
- -- -
htmx ext
-
- 加载中
-
- -
- 加载中
-
- -
- 加载中
-
-
+
+
+
+
+欢迎光临兔子卡片！
+奈斯小标题。
+注意，本例中的卡片宽度已设置为20rem，否则它将尝试填充卡片所在的当前容器/行。
+ ++ +代码： + +```html +
+
+
+```
+
+#### 卡片二：
+
+
+
+欢迎光临兔子卡片！
+奈斯小标题。
+注意，本例中的卡片宽度已设置为20rem，否则它将尝试填充卡片所在的当前容器/行。
+ +
+
+
+
+
+ 欢迎光临兔子卡片！
+奈斯小标题。
+注意，本例中的卡片宽度已设置为20rem，否则它将尝试填充卡片所在的当前容器/行。
+ +
++ +代码： + +```html +
+
+
+```
+
+#### 卡片三：
+
+
+
+
+ 欢迎光临兔子卡片！
+奈斯小标题。
+注意，本例中的卡片宽度已设置为20rem，否则它将尝试填充卡片所在的当前容器/行。
+ +
++ +代码： + +```html + +``` + +#### 卡片四： + +
+
+
+ 头部
+
+
+
+
+欢迎光临兔子卡片！
+奈斯小标题。
+注意，本例中的卡片宽度已设置为20rem，否则它将尝试填充卡片所在的当前容器/行。
+ ++ +代码： + +```html +
+
+```
+
+### 动态
+#### 卡片五：
+
+
+ 头部
+
+
+
+
+欢迎光临兔子卡片！
+奈斯小标题。
+注意，本例中的卡片宽度已设置为20rem，否则它将尝试填充卡片所在的当前容器/行。
+ +
+ 加载中
+
++ +html代码： + +```html +
+ 加载中
+
+```
+
+json代码：
+
+```json
+{
+ "code": 1,
+ "data": {
+ "body": {
+ "title": "我的远程标题",
+ "subtitle":"远程小白兔",
+ "text":"我的远程内容，注意格式要求哦~"
+ }
+ },
+ "msg": "请求成功"
+}
+```
+
+#### 卡片六：
+
+
+ 加载中
+
++ +html代码： + +```html +
+ 加载中
+
+```
+
+json代码：
+
+```json
+{
+ "code": 1,
+ "data": {
+ "header": "远程头部内容",
+ "body": {
+ "title": "我的远程标题",
+ "subtitle": "远程小白兔",
+ "text": "我的远程内容，注意格式要求哦~"
+ },
+ "footer": "远程底部内容"
+ },
+ "msg": "请求成功"
+}
+```
+
+#### 卡片七：
+
+
+ 加载中
+
+
+html代码：
+
+```html
+
+ 加载中
+
+```
+
+json代码：
+
+```json
+{
+ "code": 1,
+ "data": {
+ "top_img": "https://unsplash.it/550/250",
+ "body": {
+ "title": "我的远程标题",
+ "subtitle": "远程小白兔",
+ "text": "我的远程内容，注意格式要求哦~"
+ }
+ },
+ "msg": "请求成功"
+}
+```
\ No newline at end of file
diff --git a/doc/class.html b/doc/class.md
similarity index 100%
rename from doc/class.html
rename to doc/class.md
diff --git a/doc/code.html b/doc/code.html
deleted file mode 100644
index dd8b515..0000000
--- a/doc/code.html
+++ /dev/null
@@ -1,8 +0,0 @@
-
-
\ No newline at end of file
diff --git a/doc/code.md b/doc/code.md
new file mode 100644
index 0000000..0acaba7
--- /dev/null
+++ b/doc/code.md
@@ -0,0 +1,31 @@
+### 静态
+
+静态：
-function add(x, y) {
- return x + y;
-}动态：
- -function add(x, y) {
+return x + y;
+}function add(x, y) {
+return x + y;
+}字体
-
-
-
- 默认
-
-
- 蓝色
-
-
- 绿色
-
-
- 黄色
-
-
- 红色
-
-
- 灰色
-
-
- 白色
-
- 背景色
-
-
-
\ No newline at end of file
diff --git a/doc/color.md b/doc/color.md
new file mode 100644
index 0000000..087c09d
--- /dev/null
+++ b/doc/color.md
@@ -0,0 +1,106 @@
+#### 颜色
+
+
- 蓝色
-
-
- 绿色
-
-
- 黄色
-
-
- 红色
-
-
- 灰色
-
-
- 白色
-
-
- 黑色
-
-
+
+
+代码：
+```html
+
+ 默认
+
+
+ 蓝色
+
+
+ 绿色
+
+
+ 黄色
+
+
+ 红色
+
+
+ 灰色
+
+
+ 白色
+
+
+
+```
+
+#### 背景色
+
+
+ 默认
+
+
+ 蓝色
+
+
+ 绿色
+
+
+ 黄色
+
+
+ 红色
+
+
+ 灰色
+
+
+ 白色
+
+
+
+
+代码：
+
+```html
+
+ 蓝色
+
+
+ 绿色
+
+
+ 黄色
+
+
+ 红色
+
+
+ 灰色
+
+
+ 白色
+
+
+ 黑色
+
+
+
+```
\ No newline at end of file
diff --git a/doc/flexbox.html b/doc/flexbox.md
similarity index 52%
rename from doc/flexbox.html
rename to doc/flexbox.md
index b263e29..1da032d 100644
--- a/doc/flexbox.html
+++ b/doc/flexbox.md
@@ -70,4 +70,80 @@
luctus erat posuere. Curabitur ac turpis aliquam, malesuada elit suscipit, blandit dolor.
-
\ No newline at end of file
+
+
+代码：
+
+```html
+
+ 蓝色
+
+
+ 绿色
+
+
+ 黄色
+
+
+ 红色
+
+
+ 灰色
+
+
+ 白色
+
+
+ 黑色
+
+
+ 弹性网格是一种网格系统，每行最多支持12列。因为它使用了flexbox（而不仅仅是%widths），我们也从flexbox的有趣部分中获益，比如以比普通方式更复杂的方式对齐。
+
+
+
+col-4 col
+ col-4 col
+ col-4 col
+
+
+col-3 col
+ col-9 col
+
+
+sm-6 md-8 lg-10 col
+ sm-6 md-4 lg-2 col
+
+
+sm-5 col
+ col-fill col
+ col-fill col
+
+
+Aligned
+ Left (default)
+
+
+Aligned
+ Right (flex-right)
+
+
+Aligned
+ Center (flex-center)
+
+
+Aligned
+ to edges (flex-edges)
+
+
+Aligned
+ to be evenly spaced (flex-spaces)
+
+
+Aligned top
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lorem lectus, lobortis a nibh non, luctus
+ luctus erat posuere. Curabitur ac turpis aliquam, malesuada elit suscipit, blandit dolor.
+
+
+
+Aligned middle
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lorem lectus, lobortis a nibh non, luctus
+ luctus erat posuere. Curabitur ac turpis aliquam, malesuada elit suscipit, blandit dolor.
+
+
+
+Aligned bottom
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lorem lectus, lobortis a nibh non, luctus
+ luctus erat posuere. Curabitur ac turpis aliquam, malesuada elit suscipit, blandit dolor.
+
+
+
+```
\ No newline at end of file
diff --git a/doc/form.html b/doc/form.md
similarity index 54%
rename from doc/form.html
rename to doc/form.md
index 8a55207..c4ec569 100644
--- a/doc/form.html
+++ b/doc/form.md
@@ -7,7 +7,6 @@
Align bottom
+ Align middle
+ Align top
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lorem lectus, lobortis a nibh non, luctus
+ luctus erat posuere. Curabitur ac turpis aliquam, malesuada elit suscipit, blandit dolor.
+
+-
@@ -38,7 +37,6 @@
-
Ordered Lists
Unordered Lists
-- Let's try this
- Let's try this again
@@ -54,13 +52,76 @@
Unordered Lists
- And now we're are the top!
Inline List
-- Item 1
- Item 2
- Item 3
- Item 4
Ordered Lists
+-
+
- Do this +
- Then this +
- Finally this +
- Then we'll go one deeper
+
-
+
- Dillon +
- Francis
+
-
+
- What if we went... +
- One more deeper?
+
-
+
- DJ +
- Hanzel
+
-
+
- Five levels should be enough +
- Right? +
+
+
+
+ - But don't forget this +
Unordered Lists
+-
+
- Let's try this +
- Let's try this again
+
-
+
- And now we are nested +
- Pretty cool?
+
-
+
- The list items are just text +
- From this font
+
-
+
- We'll keep going +
- Until we hit
+
-
+
- LEVEL 5 +
+
+
+
+ - And now we're are the top! +
Inline List
+-
+
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
-
-
-
\ No newline at end of file
diff --git a/doc/marquee.md b/doc/marquee.md
new file mode 100644
index 0000000..53e342b
--- /dev/null
+++ b/doc/marquee.md
@@ -0,0 +1,54 @@
+走马灯：
-
-
-
- 这里是您想要滚动的文本内容，可以是新闻、公告等。
-
- -
-
-
- 我这个速度更快，属性speed默认50，我这个100。
-
- -
-
-
-
-
- 
-
-
- 走马灯：
+
+
+
+代码：
+
+```html
+
+ 这里是您想要滚动的文本内容，可以是新闻、公告等。
+
+
+
+```
+
+
+ 这里是您想要滚动的文本内容，可以是新闻、公告等。
+
++
+
+
+代码：
+
+```html
+
+ 我这个速度更快，属性speed默认50，我这个100。
+
+
+
+```
+
+
+ 我这个速度更快，属性speed默认50，我这个100。
+
++
+
+
+代码：
+
+```html
+
+
+
+
+
+
+
+
+```
\ No newline at end of file
diff --git a/doc/menu.html b/doc/menu.html
deleted file mode 100644
index 6ce0cdc..0000000
--- a/doc/menu.html
+++ /dev/null
@@ -1,121 +0,0 @@
-
+
+
+
+
+
+
-
-
-
-
\ No newline at end of file
diff --git a/doc/menu.md b/doc/menu.md
new file mode 100644
index 0000000..2162028
--- /dev/null
+++ b/doc/menu.md
@@ -0,0 +1,280 @@
+静态：
-横向
- --
纵向
- --
动态：
- --
-
-
-静态：
+横向
+ + +代码： + +```html + +``` + ++
纵向
+ + +代码： + +```html + +``` + ++
动态：
+ + +html代码： + +```html + +``` + +json代码： + +```json +{ + "code": 1, + "data": [ + { + "url": "#", + "icon": "icon icon-shouye", + "title": "首页" + }, + { + "url": "javascript:;", + "icon": "icon icon-shezhi", + "title": "设置", + "children": [ + { + "url": "#", + "icon": "icon icon-ziyuan", + "title": "资源" + } + ] + } + ], + "msg": "请求成功" +} +``` + ++
+
+
+html代码：
+
+```html
+
+
+```
\ No newline at end of file
diff --git a/doc/subsidiary.html b/doc/subsidiary.md
similarity index 100%
rename from doc/subsidiary.html
rename to doc/subsidiary.md
diff --git a/doc/tab.html b/doc/tab.md
similarity index 100%
rename from doc/tab.html
rename to doc/tab.md
diff --git a/doc/tips.html b/doc/tips.md
similarity index 100%
rename from doc/tips.html
rename to doc/tips.md
diff --git a/doc/typography.html b/doc/typography.md
similarity index 100%
rename from doc/typography.html
rename to doc/typography.md
diff --git a/index.html b/index.html
index ddf9ea9..4ddfc00 100644
--- a/index.html
+++ b/index.html
@@ -5,10 +5,14 @@
-
+ 颜色
- 按钮
- 表单
- 卡片
- 选项卡
- 代码
- 提示
- 走马灯
- 警示
- 弹性盒子
- 排版
- 列表
- 菜单
- 辅助
- 公共类
+ 颜色
+ 按钮
+ 表单
+ 卡片
+ 选项卡
+ 代码
+ 提示
+ 走马灯
+ 警示
+ 弹性盒子
+ 排版
+ 列表
+ 菜单
+ 辅助
+ 公共类
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-