优化：页面

workbunny · Dec 16, 2024 · 7590efb · 7590efb
1 parent e4653c4
commit 7590efb
Show file tree

Hide file tree

Showing 30 changed files with 1,205 additions and 418 deletions.
diff --git a/dist/bunny.css b/dist/bunny.css
@@ -916,7 +916,7 @@ button[disabled].bny-btn {
 }
 
 /* 代码code */
-.bny-code {
+pre {
     font-family: monospace, monospace;
     color: var(--primary);
     background-color: var(--white);
@@ -933,7 +933,7 @@ button[disabled].bny-btn {
     word-wrap: break-word;
 }
 
-.bny-code code {
+pre code {
     color: var(--primary);
     background: transparent;
     display: block;

diff --git a/dist/bunny.js b/dist/bunny.js
diff --git a/doc/alert.html b/doc/alert.html
diff --git a/doc/alert.md b/doc/alert.md
@@ -0,0 +1,75 @@
+静态：
+
+<div class="alert-primary">
+    警示信息alert-primary
+</div>
+<div class="alert-secondary">
+    警示信息alert-secondary
+</div>
+<div class="alert-success">
+    警示信息alert-success
+</div>
+<div class="alert-warning">
+    警示信息alert-warning
+</div>
+<div class="alert-danger">
+    警示信息alert-danger
+</div>
+
+代码：
+
+```html
+<div class="alert-primary">
+    警示信息alert-primary
+</div>
+<div class="alert-secondary">
+    警示信息alert-secondary
+</div>
+<div class="alert-success">
+    警示信息alert-success
+</div>
+<div class="alert-warning">
+    警示信息alert-warning
+</div>
+<div class="alert-danger">
+    警示信息alert-danger
+</div>
+```
+
+动态：
+
+<div class="alert-primary" hx-ext="bny-alert">
+    警示信息alert-primary
+</div>
+<div class="alert-secondary" hx-ext="bny-alert">
+    警示信息alert-secondary
+</div>
+<div class="alert-success" hx-ext="bny-alert">
+    警示信息alert-success
+</div>
+<div class="alert-warning" hx-ext="bny-alert">
+    警示信息alert-warning
+</div>
+<div class="alert-danger" hx-ext="bny-alert">
+    警示信息alert-danger
+</div>
+
+代码：
+
+```html
+<div class="alert-primary" hx-ext="bny-alert">
+    警示信息alert-primary
+</div>
+<div class="alert-secondary" hx-ext="bny-alert">
+    警示信息alert-secondary
+</div>
+<div class="alert-success" hx-ext="bny-alert">
+    警示信息alert-success
+</div>
+<div class="alert-warning" hx-ext="bny-alert">
+    警示信息alert-warning
+</div>
+<div class="alert-danger" hx-ext="bny-alert">
+    警示信息alert-danger
+</div>
+```
diff --git a/doc/btn.html b/doc/btn.html
diff --git a/doc/btn.md b/doc/btn.md
@@ -0,0 +1,117 @@
+<button class="bny-btn">默认</button>
+<button class="bny-btn bg-secondary">蓝色</button>
+<button class="bny-btn bg-success">绿色</button>
+<button class="bny-btn bg-warning">黄色</button>
+<button class="bny-btn bg-danger">红色</button>
+<button class="bny-btn bg-muted">灰色</button>
+<button class="bny-btn bg-muted bny-btn-disabled">禁用</button>
+<br>
+
+代码：
+
+```html
+<button class="bny-btn">默认</button>
+<button class="bny-btn bg-secondary">蓝色</button>
+<button class="bny-btn bg-success">绿色</button>
+<button class="bny-btn bg-warning">黄色</button>
+<button class="bny-btn bg-danger">红色</button>
+<button class="bny-btn bg-muted">灰色</button>
+<button class="bny-btn bg-muted bny-btn-disabled">禁用</button>
+```
+
+<button class="bny-btn border-secondary">蓝色</button>
+<button class="bny-btn border-success">绿色</button>
+<button class="bny-btn border-warning">黄色</button>
+<button class="bny-btn border-danger">红色</button>
+<button class="bny-btn border-muted">灰色</button>
+<button class="bny-btn border-danger bny-btn-disabled">禁用</button>
+<button class="bny-btn border-success" disabled>禁用</button>
+<br>
+
+代码：
+
+```html
+<button class="bny-btn border-secondary">蓝色</button>
+<button class="bny-btn border-success">绿色</button>
+<button class="bny-btn border-warning">黄色</button>
+<button class="bny-btn border-danger">红色</button>
+<button class="bny-btn border-muted">灰色</button>
+<button class="bny-btn border-danger bny-btn-disabled">禁用</button>
+<button class="bny-btn border-success" disabled>禁用</button>
+```
+
+<a href="javascript:;" class="bny-btn">a标签按钮</a>
+<a href="javascript:;" class="bny-btn bg-secondary">a标签按钮</a>
+<a href="javascript:;" class="bny-btn border-danger">a标签按钮</a>
+<a href="javascript:;" class="bny-btn border-secondary bny-btn-disabled">a禁用按钮</a>
+<br>
+
+代码：
+
+```html
+<a href="javascript:;" class="bny-btn">a标签按钮</a>
+<a href="javascript:;" class="bny-btn bg-secondary">a标签按钮</a>
+<a href="javascript:;" class="bny-btn border-danger">a标签按钮</a>
+<a href="javascript:;" class="bny-btn border-secondary bny-btn-disabled">a禁用按钮</a>
+```
+
+<button class="bny-btn border-success" round>绿色</button>
+<button class="bny-btn border-danger" circle>
+    <i class="icon icon-Gitee"></i>
+</button>
+<button class="bny-btn bg-success" circle>
+    <i class="icon icon-shibai"></i>
+</button>
+<button class="bny-btn bg-warning">
+    <i class="icon icon-bofang"></i>
+</button>
+<button class="bny-btn border-danger" round>
+    <i class="icon icon-vip"></i>
+</button>
+<input type="button" class="bny-btn" value="按钮">
+<br>
+
+代码：
+
+```html
+<button class="bny-btn border-success" round>绿色</button>
+<button class="bny-btn border-danger" circle>
+    <i class="icon icon-Gitee"></i>
+</button>
+<button class="bny-btn bg-success" circle>
+    <i class="icon icon-shibai"></i>
+</button>
+<button class="bny-btn bg-warning">
+    <i class="icon icon-bofang"></i>
+</button>
+<button class="bny-btn border-danger" round>
+    <i class="icon icon-vip"></i>
+</button>
+<input type="button" class="bny-btn" value="按钮">
+```
+
+<div class="bny-btn-group">
+    <button class="bny-btn border-success">绿色</button>
+    <button class="bny-btn border-warning">黄色</button>
+    <button class="bny-btn border-danger">红色</button>
+</div>
+<div class="bny-btn-group">
+    <button class="bny-btn">默认</button>
+    <button class="bny-btn">默认</button>
+    <button class="bny-btn">默认</button>
+</div>
+
+代码：
+
+```html
+<div class="bny-btn-group">
+    <button class="bny-btn border-success">绿色</button>
+    <button class="bny-btn border-warning">黄色</button>
+    <button class="bny-btn border-danger">红色</button>
+</div>
+<div class="bny-btn-group">
+    <button class="bny-btn">默认</button>
+    <button class="bny-btn">默认</button>
+    <button class="bny-btn">默认</button>
+</div>
+```
diff --git a/doc/card.html b/doc/card.html