feat: 添加bbs前端

2023-02-19 23:50:42 +08:00
parent 380f728de2
commit 2f654a1772
102 changed files with 33042 additions and 2 deletions
--- a/Yi.BBS.Vue2/public/startStyle.css
+++ b/Yi.BBS.Vue2/public/startStyle.css
@@ -0,0 +1,108 @@
+.arc {
+    position: absolute;
+    margin: auto;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 100px;
+    height: 100px;
+    border-radius: 50%;
+    border-top: 2px solid #00BCD4;
+    border-left: 1px solid transparent;
+    border-right: 1px solid transparent;
+    animation: rt 2s infinite linear;
+}
+
+.arc::before {
+    position: absolute;
+    margin: auto;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 70px;
+    height: 70px;
+    border-radius: 50%;
+    border-top: 2px solid #2196F3;
+    border-left: 1px solid transparent;
+    border-right: 1px solid transparent;
+    animation: rt 4s infinite linear reverse;
+    content: "";
+}
+
+.arc::after {
+    position: absolute;
+    margin: auto;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 0;
+    height: 0;
+    border-radius: 50%;
+    border-top: initial;
+    border-left: initial;
+    border-right: initial;
+    animation: cw 1s infinite;
+    content: "";
+    background: #FAFAFA;
+}
+
+#myh1 {
+    position: absolute;
+    height: 40px;
+    margin: auto;
+    top: 200px;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    text-transform: uppercase;
+    text-align: center;
+    letter-spacing: 0.1em;
+    font-size: 14px;
+    font-weight: lighter;
+    color: black;
+}
+
+#myh1 #myspan {
+    display: none;
+}
+
+#myh1::after {
+    animation: txt 5s infinite;
+    content: "";
+}
+
+@keyframes rt {
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes cw {
+    0% {
+        width: 0;
+        height: 0;
+    }
+    75% {
+        width: 40px;
+        height: 40px;
+    }
+    100% {
+        width: 0;
+        height: 0;
+    }
+}
+
+@keyframes txt {
+    0% {
+        content: "加载中.";
+    }
+    50% {
+        content: "玩命加载中..";
+    }
+    100% {
+        content: "疯狂玩命加载中...";
+    }
+}