up

2025-11-03 04:44:38 +08:00
parent ebdef45af4
commit 1fa18f40d7
510 changed files with 500 additions and 9 deletions
@@ -12,6 +12,8 @@ const { t ,locale} = useI18n()
 const theTeme=ref('light');
 const lang_sele = ref(null);

+const isLogin =false
+
 function set_them(temp:string)
 {
  theTeme.value=temp;
@@ -61,8 +63,8 @@ onMounted(() => {
          <!-- END NAVBAR TOGGLER -->
          <!-- BEGIN NAVBAR LOGO -->
          <div class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
-            <a href="." aria-label="Tabler"
-              ><svg xmlns="http://www.w3.org/2000/svg" width="110" height="32" viewBox="0 0 232 68" class="navbar-brand-image">
+            <router-link to="/" aria-label="Tabler">
+                <svg xmlns="http://www.w3.org/2000/svg" width="110" height="32" viewBox="0 0 232 68" class="navbar-brand-image">
                <path
                  d="M64.6 16.2C63 9.9 58.1 5 51.8 3.4 40 1.5 28 1.5 16.2 3.4 9.9 5 5 9.9 3.4 16.2 1.5 28 1.5 40 3.4 51.8 5 58.1 9.9 63 16.2 64.6c11.8 1.9 23.8 1.9 35.6 0C58.1 63 63 58.1 64.6 51.8c1.9-11.8 1.9-23.8 0-35.6zM33.3 36.3c-2.8 4.4-6.6 8.2-11.1 11-1.5.9-3.3.9-4.8.1s-2.4-2.3-2.5-4c0-1.7.9-3.3 2.4-4.1 2.3-1.4 4.4-3.2 6.1-5.3-1.8-2.1-3.8-3.8-6.1-5.3-2.3-1.3-3-4.2-1.7-6.4s4.3-2.9 6.5-1.6c4.5 2.8 8.2 6.5 11.1 10.9 1 1.4 1 3.3.1 4.7zM49.2 46H37.8c-2.1 0-3.8-1-3.8-3s1.7-3 3.8-3h11.4c2.1 0 3.8 1 3.8 3s-1.7 3-3.8 3z"
                  fill="#066fd1"
@@ -73,7 +75,9 @@ onMounted(() => {
                  fill-rule="evenodd"
                  clip-rule="evenodd"
                  fill="#4a4a4a"
-                /></svg></a>
+                /></svg>
+            </router-link>
+
          </div>
          <!-- END NAVBAR LOGO -->
          <div class="navbar-nav flex-row order-md-last">
@@ -117,7 +121,12 @@ onMounted(() => {
                </a>
              </div>
              <!-- 这里判断是否已经登陆 是则显示用户信息 否则显示登陆按钮 -->
-            <div class="nav-item dropdown">
+              <div v-if="!isLogin" class="nav-item">
+                <router-link to="login" class="btn btn-outline-primary" style="width: 120px;">{{t('message.login_or_register')}}</router-link>
+
+              </div>
+
+            <div v-if="isLogin" class="nav-item dropdown">
              <a href="#" class="nav-link d-flex lh-1 p-0 px-2" data-bs-toggle="dropdown" aria-label="Open user menu">
                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"> </span>
                <div class="d-none d-xl-block ps-2">
@@ -147,8 +156,8 @@ onMounted(() => {
                  <!-- BEGIN NAVBAR MENU -->
                  <ul class="navbar-nav">
                    <li class="nav-item active">
-                      <a class="nav-link" href="./">
-                        <span class="nav-link-icon d-md-none d-lg-inline-block"
+                      <router-link to="/" class="nav-link">
+                          <span class="nav-link-icon d-md-none d-lg-inline-block"
                          ><!-- Download SVG icon from http://tabler.io/icons/icon/home -->
                          <svg
                            xmlns="http://www.w3.org/2000/svg"
@@ -166,7 +175,8 @@ onMounted(() => {
                            <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" />
                            <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg></span>
                        <span class="nav-link-title"> {{t('appname.home')}} </span>
-                      </a>
+                      </router-link>
+
                    </li>

                  </ul>
@@ -6,7 +6,8 @@
    "hello": "Hello",
    "welcome": "Welcome",
    "dark_mode":"Enable dark mode",
-    "light_mode":"Enable light mode"
+    "light_mode":"Enable light mode",
+    "login_or_register":"Login/Register"
  },
  "button": {
    "submit": "Submit",
@@ -6,7 +6,8 @@
    "hello": "你好",
    "welcome": "欢迎",
    "dark_mode":"深色模式",
-    "light_mode":"亮色模式"
+    "light_mode":"亮色模式",
+    "login_or_register":"登录/注册"
  },
  "button": {
    "submit": "提交",
@@ -17,6 +17,14 @@ const router = createRouter({
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/AboutView.vue'),
    },
+    {
+      path: '/login',
+      name: 'login',
+      // route level code-splitting
+      // this generates a separate chunk (About.[hash].js) for this route
+      // which is lazy-loaded when the route is visited.
+      component: () => import('../views/loginView.vue'),
+    },
  ],
 })

@@ -0,0 +1,70 @@
+<template>
+  <div class="page page-center">
+      <div class="container container-normal py-6 ">
+        <div class="row align-items-center g-4">
+          <div class="col-lg">
+            <div class="container-tight">
+
+              <div class="card card-md">
+                <div class="card-body">
+                  <h2 class="h2 text-center mb-4">Login to your account</h2>
+
+                    <div class="mb-3">
+                      <label class="form-label">Email address</label>
+                      <input type="email" class="form-control" placeholder="your@email.com" autocomplete="off">
+                    </div>
+                    <div class="mb-2">
+                      <label class="form-label">
+                        Password
+                        <span class="form-label-description">
+                          <a href="./forgot-password.html">I forgot password</a>
+                        </span>
+                      </label>
+                      <div class="input-group input-group-flat">
+                        <input type="password" class="form-control"  placeholder="Your password"  autocomplete="off">
+                        <span class="input-group-text">
+                          <a href="#" class="link-secondary" title="Show password" data-bs-toggle="tooltip"><!-- Download SVG icon from http://tabler-icons.io/i/eye -->
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" /><path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6" /></svg>
+                          </a>
+                        </span>
+                      </div>
+                    </div>
+                    <div class="mb-2">
+                      <label class="form-check">
+                        <input type="checkbox" class="form-check-input"/>
+                        <span class="form-check-label">Remember me on this device</span>
+                      </label>
+                    </div>
+                    <div class="form-footer">
+                      <button type="submit" class="btn btn-primary w-100">Sign in</button>
+                    </div>
+
+                </div>
+                <div class="hr-text">or</div>
+                <div class="card-body">
+                  <div class="row">
+                    <div class="col"><a href="#" class="btn w-100">
+                        <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-github" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
+                        Login with Github
+                      </a></div>
+                    <div class="col"><a href="#" class="btn w-100">
+                        <!-- Download SVG icon from http://tabler-icons.io/i/brand-twitter -->
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon text-twitter" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c0 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
+                        Login with Twitter
+                      </a></div>
+                  </div>
+                </div>
+              </div>
+              <div class="text-center text-secondary mt-3">
+                Don't have account yet? <a href="./sign-up.html" tabindex="-1">Sign up</a>
+              </div>
+            </div>
+          </div>
+          <div class="col-lg d-none d-lg-block">
+            <img src="/static/illustrations/undraw_secure_login_pdn4.svg" height="300" class="d-block mx-auto" alt="">
+          </div>
+        </div>
+      </div>
+    </div>
+</template>