init: UserBaseFront (frontend)

2026-08-10 14:41:13 +08:00
commit eea881b616
174 changed files with 32833 additions and 0 deletions
@@ -0,0 +1,117 @@
+@import "base/base";
+@import "base/bscroll.css";
+@import "base/reset";
+
+@import "utils/mixins";
+@import "utils/utils";
+
+@import "componets/status";
+@import "componets/small_table";
+@import "componets/my_table";
+
+.icon {
+    width: 1em;
+    height: 1em;
+    vertical-align: -0.15em;
+    fill: currentColor;
+    overflow: hidden;
+}
+
+.base-subtitle {
+    position: relative;
+    padding-left: 12px;
+    line-height: 24px;
+    font-size: 15px;
+    font-weight: 400;
+    &::before {
+        content: "";
+        display: block;
+        width: 3px;
+        background: #5979ea;
+        height: 15px;
+        border-radius: 4px;
+        position: absolute;
+        top: 5px;
+        left: 0;
+    }
+}
+
+h4.second-title {
+    @extend .base-subtitle;
+    &::before {
+        background: #5979ea;
+    }
+}
+
+h4.subtitle {
+    @extend .second-title;
+    &::before {
+        background: #bda366;
+    }
+}
+
+.details-wrap {
+    display: flex;
+    padding-top: 10px;
+    .left-box {
+        width: 200px;
+        height: 100%;
+
+        .user-list-ul {
+            height: calc(100% - 50px);
+            overflow-y: auto;
+            li {
+                height: 42px;
+                border: 1px solid #ebeef5;
+                border-top: none;
+                position: relative;
+                cursor: pointer;
+                transition: border 200ms;
+                img {
+                    object-fit: cover;
+                    width: 30px;
+                    height: 30px;
+                    border-radius: 3px;
+                }
+
+                span.stu-name {
+                    height: 20px;
+                    line-height: 20px;
+                    display: inline-block;
+                    width: 60px;
+                }
+                span.stu-card {
+                    width: 50px;
+                    text-align: right;
+                }
+            }
+            li.active {
+                // background: #f3f3f3;
+                color: #7892ed;
+                border-right: 3px solid #5979ea;
+            }
+        }
+    }
+    .right-box {
+        width: 100%;
+        padding: 0 15px;
+    }
+}
+
+.table-spin-load {
+    width: 60px;
+    height: 90px;
+    padding-top: 60px;
+    background-image: url(../image/loading.gif);
+    background-size: 60px 60px;
+    background-position: top center;
+    background-repeat: no-repeat;
+    border: none;
+    color: #577afb;
+    margin: 0 auto;
+}
+
+.ivu-table-cell-tree {
+    margin-right: 4px;
+    margin-bottom: 2px;
+}