build: trident-sync prepare

2026-04-28 07:57:25 +08:00 · 2023-01-29 13:44:19 +08:00
parent dcd1023a39
commit 07a45b4530
589 changed files with 36886 additions and 2 deletions
@@ -0,0 +1,154 @@
+<template>
+  <div id="userLayout" :class="['user-layout-wrapper']">
+    <div class="login-container flex-center">
+      <div class="user-layout-lang"></div>
+      <div class="user-layout-content">
+        <div class="top flex flex-col items-center justify-center">
+          <div class="header flex flex-row items-center">
+            <img src="/images/logo/rect-black.svg" class="logo" alt="logo" />
+            <span class="title">FsAdmin</span>
+          </div>
+          <div class="desc">fast-crud，开发crud快如闪电</div>
+        </div>
+
+        <router-view />
+
+        <div class="footer">
+          <div class="links">
+            <a href="_self">帮助</a>
+            <a href="_self">隐私</a>
+            <a href="_self">条款</a>
+          </div>
+          <div class="copyright">Copyright &copy; 2021 Greper</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "LayoutOutside"
+};
+</script>
+
+<style lang="less" scoped>
+#userLayout.user-layout-wrapper {
+  height: 100%;
+
+  &.mobile {
+    .container {
+      .main {
+        max-width: 368px;
+        width: 98%;
+      }
+    }
+  }
+
+  .login-container {
+    width: 100%;
+    min-height: 100%;
+    background: #f0f2f5 url(/src/assets/background.svg) no-repeat 50%;
+    background-size: 100%;
+    //padding: 50px 0 84px;
+    position: relative;
+
+    .user-layout-lang {
+      width: 100%;
+      height: 40px;
+      line-height: 44px;
+      text-align: right;
+
+      .select-lang-trigger {
+        cursor: pointer;
+        padding: 12px;
+        margin-right: 24px;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 18px;
+        vertical-align: middle;
+      }
+    }
+
+    .user-layout-content {
+      padding: 32px 0 24px;
+
+      .top {
+        text-align: center;
+
+        .header {
+          height: 44px;
+          line-height: 44px;
+
+          .badge {
+            position: absolute;
+            display: inline-block;
+            line-height: 1;
+            vertical-align: middle;
+            margin-left: -12px;
+            margin-top: -10px;
+            opacity: 0.8;
+          }
+
+          .logo {
+            height: 44px;
+            vertical-align: top;
+            margin-right: 16px;
+            border-style: none;
+          }
+
+          .title {
+            font-size: 33px;
+            color: rgba(0, 0, 0, 0.85);
+            font-family: Avenir, "Helvetica Neue", Arial, Helvetica, sans-serif;
+            font-weight: 600;
+            position: relative;
+            top: 2px;
+          }
+        }
+        .desc {
+          font-size: 14px;
+          color: rgba(0, 0, 0, 0.45);
+          margin-top: 12px;
+          margin-bottom: 40px;
+        }
+      }
+
+      .main {
+        min-width: 260px;
+        width: 368px;
+        margin: 0 auto;
+      }
+
+      .footer {
+        // position: absolute;
+        width: 100%;
+        bottom: 0;
+        padding: 0 16px;
+        margin: 48px 0 24px;
+        text-align: center;
+
+        .links {
+          margin-bottom: 8px;
+          font-size: 14px;
+          a {
+            color: rgba(0, 0, 0, 0.45);
+            transition: all 0.3s;
+            &:not(:last-child) {
+              margin-right: 40px;
+            }
+          }
+        }
+        .copyright {
+          color: rgba(0, 0, 0, 0.45);
+          font-size: 14px;
+        }
+      }
+    }
+
+    a {
+      text-decoration: none;
+    }
+  }
+}
+</style>