diff --git a/web/admin/demo/demo_loading.html b/web/admin/demo/demo_loading.html
new file mode 100644
index 0000000..3a4e792
--- /dev/null
+++ b/web/admin/demo/demo_loading.html
@@ -0,0 +1,227 @@
+
+
+
+
+ Loading示例
+
+
+
+
+
+
+
+
+ pulse-loader
+
+
+
+ ring-loader
+
+
+ bounce-loader
+
+
+
+ neon-loader
+
+
+
+
+
+
+
+ fluid-loader
+
+
+ minimal-loader
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web/admin/demo/index.html b/web/admin/demo/index.html
index 24a1f0e..bffa8b3 100644
--- a/web/admin/demo/index.html
+++ b/web/admin/demo/index.html
@@ -143,6 +143,10 @@
css
当前CSS示例。
+
cssn
未来关注的CSS。
diff --git a/web/admin/index.html b/web/admin/index.html
index 5091756..6fd9ba0 100644
--- a/web/admin/index.html
+++ b/web/admin/index.html
@@ -460,13 +460,40 @@
.btn-menu-caret.show:after {
transform: rotate(180deg);
}
+
+ .ring-loader {
+ width: 3em;
+ height: 3em;
+ margin: auto;
+ border: 0.2em solid var(--man3);
+ border-radius: 50%;
+ border-top-color: var(--man6);
+ border-left-color: var(--man4);
+ animation: spin 2s ease-in-out infinite;
+ }
+
+ @keyframes spin {
+ to {
+ transform: rotate(360deg);
+ }
+ }
+
+ .ciy-pageload {
+ margin-top: 5em;
+ text-align: center;
+ font-size: 1.5em;
+ color: var(--dag5);
+ }