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/favicon.ico
+++ b/Yi.BBS.Vue2/public/favicon.ico
--- a/Yi.BBS.Vue2/public/index.html
+++ b/Yi.BBS.Vue2/public/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
+    <meta name="keywords" content="CCNetCore,CC,江西服装学院">
+    <meta name="description" content="这里是，CCNetCore社区">
+    <!-- <meta name="author" content="CCNetCore"> -->
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+   <!-- <title>CCNetCore社区</title>-->
+   <title>个人成果展示</title>
+    <link rel="stylesheet" href="./startStyle.css">
+
+</head>
+
+<body>
+    <noscript>
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app">
+        <div class="arc"></div>
+        <h1 id="myh1"><span id="myspan"></span></h1>
+    </div>
+    <script type="text/javascript" charset="utf-8" src="https://connect.qq.com/qc_jssdk.js" data-appid="101951505"></script>
+    <!-- <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
+    <script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script> -->
+
+</body>
+
+
+</html>
--- 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: "疯狂玩命加载中...";
+    }
+}