添加前端

Yi.Vue2.x/src/styles/auth.scss

@@ -0,0 +1,55 @@
+.auth-wrapper {
+    display: flex;
+    min-height: calc(var(--vh, 1vh) * 100);
+    width: 100%;
+    flex-basis: 100%;
+    align-items: center;
+    background-color: #F4F5FA;
+    // common style for both v1 and v2
+    a {
+        text-decoration: unset;
+    }
+    // auth v1
+    &.auth-v1 {
+        align-items: center;
+        justify-content: center;
+        overflow: hidden;
+        padding: 1.5rem;
+        .auth-mask-bg {
+            position: absolute;
+            bottom: 0;
+            width: 100%;
+        }
+        .auth-tree,
+        .auth-tree-3 {
+            position: absolute;
+        }
+        .auth-tree {
+            bottom: 0;
+            left: 0;
+        }
+        .auth-tree-3 {
+            bottom: 0;
+            right: 0;
+        }
+        // auth card
+        .auth-inner {
+            width: 28rem;
+            z-index: 1;
+            .auth-card {
+                padding: 0.9375rem 0.875rem;
+            }
+        }
+    }
+}
+
+@media (max-width: 600px) {
+    // auth bg and tree hide in sm screen
+    .auth-v1 {
+        .auth-tree,
+        .auth-tree-3,
+        .auth-mask-bg {
+            display: none;
+        }
+    }
+}

Yi.Vue2.x/src/styles/overrides.sass

@@ -0,0 +1,26 @@
+.text-mono
+  font-family: monospace
+
+// Helpers
+.flex-1-1-auto
+  flex: 1 1 auto !important
+
+.flex-1-0-auto
+  flex: 1 0 auto !important
+
+.flex-0-1-auto
+  flex: 0 1 auto !important
+
+.flex-0-0-auto
+  flex: 0 0 auto !important
+
+.position-relative
+  position: relative !important
+
+.overflow-y-scroll
+  overflow-y: scroll
+
+table
+  > thead > tr > th,
+  > tbody > tr > td
+    font-weight: 300 !important

Yi.Vue2.x/src/styles/variables.scss

@@ -0,0 +1,106 @@
+// reduce button default elevation
+// default background color is #EEEEEE
+
+$btn-sizes: (
+  'small': 28,
+  'default': 41,
+  'large': 54
+);
+
+$btn-font-sizes: (
+  'default': .75rem
+);
+
+$btn-font-weight: 400;
+$btn-letter-spacing: normal;
+$material-light: (
+  'background': #EEEEEE,
+  'text': (
+    'primary': #333333,
+    'secondary': #999999
+  )
+);
+$btn-icon-font-size: 1.0625rem !important;
+
+$list-item-min-height: 48px;
+
+$blockquote-font-size: 1.25rem;
+
+$card-border-radius: 6px;
+$card-text-font-weight: 300;
+$card-elevation: 1;
+
+$data-table-regular-header-font-size: 1.0625rem;
+
+$shadow-key-umbra: (
+  1: (0 1px 4px 0 rgba(0,0,0,.14)),
+  12: (0 16px 38px -12px rgba(0,0,0,.56))
+);
+
+$shadow-key-penumbra: (
+  1: (0 0 0 0 rgba(0,0,0,0)),
+  12: (0 4px 25px 0 rgba(0,0,0,.12))
+);
+
+$shadow-key-ambient: (
+  1: (0 0 0 0 rgba(0,0,0,0)),
+  12: (0 8px 10px -5px rgba(0,0,0,.2))
+);
+
+$headings: (
+  'h1': (
+    'size': 3.3125rem,
+    'line-height': 1.15em,
+    'weight': 300
+  ),
+  'h2': (
+    'size': 2.25rem,
+    'line-height': 1.5em,
+    'weight': 300
+  ),
+  'h3': (
+    'size': 1.5625rem,
+    'line-height': 1.4em,
+    'weight': 300
+  ),
+  'h4': (
+    'size': 1.125rem,
+    'line-height': 1.4em,
+    'weight': 300
+  ),
+  'h5': (
+    'size': 1.0625rem,
+    'line-height': 1.4em,
+    'weight': 300
+  ),
+  'h6': (
+    'size': .75rem,
+    'line-height': 1.5em,
+    'text-transform': uppercase,
+    'weight': 500
+  ),
+  'subtitle-1': (
+    'size': 0.875rem,
+    'weight': 300
+  ),
+  'subtitle-2': (
+    'size': 0.875rem,
+    'line-height': 1.5em !important,
+    'weight': 300
+  ),
+  'caption': (
+    'size': 0.8125rem,
+    'weight': 300
+  ),
+  'overline': (
+    'letter-spacing': normal,
+    'line-height': 0.625rem,
+    'size': 0.625rem,
+    'weight': 500
+  )
+);
+
+// Tabs
+$tab-font-size: .775rem;
+$tab-font-weight: 500;
+$tabs-item-letter-spacing: normal;