From d1d4787cccd849ddac151f01b4ffb5acc8d2e165 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=8F=E6=B2=AB=E8=8A=B1=E7=81=ABzzz=F0=9F=8C=99?=
 <xmcn@1l1.icu>
Date: Wed, 23 Oct 2024 13:01:27 +0800
Subject: [PATCH 1/2] =?UTF-8?q?[*]=20=E4=BC=98=E5=8C=96=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=8C=E7=A7=BB=E9=99=A4=20MainView?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/sidebar/GuestSidebar.vue |   6 -
 src/router/index.js                     |   6 +-
 src/views/DashboardView.vue             |  22 ++-
 src/views/MainView.vue                  | 236 ------------------------
 src/views/auth/ResetPasswordView.vue    |   4 +-
 5 files changed, 16 insertions(+), 258 deletions(-)
 delete mode 100644 src/views/MainView.vue

diff --git a/src/components/sidebar/GuestSidebar.vue b/src/components/sidebar/GuestSidebar.vue
index 95fda11..4728aaa 100644
--- a/src/components/sidebar/GuestSidebar.vue
+++ b/src/components/sidebar/GuestSidebar.vue
@@ -44,12 +44,6 @@ function renderIcon(icon) {
 }
 
 const menuOptions = [
-  {
-    path: '/',
-    label: '首页',
-    key: 'root',
-    icon: renderIcon(CompassOutline)
-  },
   {
     path: '/auth/login',
     label: '登录',
diff --git a/src/router/index.js b/src/router/index.js
index 34b13d8..b2561b9 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -9,11 +9,7 @@ const routes = [
     children: [
       {
         path: '/',
-        name: 'MainPage',
-        meta: {
-          title: '首页'
-        },
-        component: () => import('@views/MainView.vue')
+        redirect: '/auth/login'
       },
       {
         path: '/dashboard',
diff --git a/src/views/DashboardView.vue b/src/views/DashboardView.vue
index ce7c9a7..aa45ec1 100644
--- a/src/views/DashboardView.vue
+++ b/src/views/DashboardView.vue
@@ -108,7 +108,7 @@
       </n-alert>
       -->
       <n-divider />
-      <n-alert title="注意事项" type="warning">
+      <n-alert title="注意事项" type="warning" class="ext-margin-bottom">
         1. 若因为自己的迷幻操作导致的各种问题我们没有义务给予回答；<br />
         2.
         不要因为群里没有人回答你的问题而到处宣扬我们没素质，任何人的时间都是宝贵的，不要因为你的问题而去浪费他人的时间。
@@ -138,17 +138,13 @@
       <br />
       <n-card title="使用方法">
         <n-space vertical>
-          <n-steps vertical :current="8">
+          <n-steps vertical :current="4">
             <n-step
               title="创建隧道"
-              description="点击隧道操作中的创建隧道，填写自己隧道的相应信息"
+              description="点击隧道操作中的创建隧道，填写相应信息创建"
             />
-            <n-step title="软件下载" description="点击软件下载,下载最新版本" />
-            <n-step title="启动客户端" description="启动客户端，登录自己的账号" />
-            <n-step title="安装Frpc" description="前往 设置->FRPC->安装Frpc" />
-            <n-step title="前往隧道列表" description="返回首页，点击左上角导航按钮，前往隧道列表" />
-            <n-step title="启动隧道" description="找到要启动的隧道，点击启动即可" />
-            <n-step title="启动成功" description="点击左上角导航按钮，前往控制台，即可查看日志" />
+            <n-step title="软件下载" description="点击软件下载,下载软件" />
+            <n-step title="启动隧道" description="启动对应的隧道" />
             <n-step title="开始使用" description="好了，开始享受吧" />
           </n-steps>
         </n-space>
@@ -158,6 +154,14 @@
   </n-grid>
 </template>
 
+<style scoped>
+@media screen and (max-width: 700px) {
+  .ext-margin-bottom {
+    margin-bottom: 24px;
+  }
+}
+</style>
+
 <script setup>
 import { ref, onMounted } from 'vue'
 // import clipboard from '@/utils/clipboard'
diff --git a/src/views/MainView.vue b/src/views/MainView.vue
deleted file mode 100644
index abca980..0000000
--- a/src/views/MainView.vue
+++ /dev/null
@@ -1,236 +0,0 @@
-<template>
-  <div style="text-align: center">
-    <br />
-    <div class="sign"><span class="fast-flicker">Lo</span>Cyan<span class="flicker">Frp</span></div>
-    <n-alert type="default" style="font-size: 20px; display: inline-block"
-      >一款真正完全免费的内网穿透软件！
-    </n-alert>
-    <br /><br />
-    <n-button-group>
-      <n-space :x-gap="5">
-        <n-button
-          size="large"
-          strong
-          secondary
-          type="primary"
-          @click="router.push({ name: 'Login' })"
-        >
-          <template #icon>
-            <n-icon>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                xmlns:xlink="http://www.w3.org/1999/xlink"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M13.49 5.48c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2zm-3.6 13.9l1-4.4l2.1 2v6h2v-7.5l-2.1-2l.6-3c1.3 1.5 3.3 2.5 5.5 2.5v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1c-.3 0-.5.1-.8.1l-5.2 2.2v4.7h2v-3.4l1.8-.7l-1.6 8.1l-4.9-1l-.4 2l7 1.4z"
-                  fill="currentColor"
-                ></path>
-              </svg>
-            </n-icon>
-          </template>
-          进入
-        </n-button>
-        <n-button size="large" @click="GoToDocs">文档</n-button>
-      </n-space>
-    </n-button-group>
-  </div>
-</template>
-
-<script setup>
-import userData from '@/utils/stores/userData/store'
-import router from '@router'
-
-if (userData.getters.get_token) router.push({ name: 'Dashboard' })
-
-const GoToDocs = () => {
-  window.open('https://docs.locyanfrp.cn')
-}
-</script>
-
-<style scoped>
-body {
-  background-color: #141114;
-  background-image: linear-gradient(335deg, black 23px, transparent 23px),
-    linear-gradient(155deg, black 23px, transparent 23px),
-    linear-gradient(335deg, black 23px, transparent 23px),
-    linear-gradient(155deg, black 23px, transparent 23px);
-  background-size: 58px 58px;
-  background-position:
-    0px 2px,
-    4px 35px,
-    29px 31px,
-    34px 6px;
-}
-.sign {
-  position: absolute;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 50%;
-  height: 50%;
-  transform: translate(-50%, -50%);
-  letter-spacing: normal;
-  left: 50%;
-  top: 50%;
-  text-transform: uppercase;
-  font-size: 6ex;
-  color: #ffe6ff;
-  text-shadow:
-    0 0 0.6rem #ffe6ff,
-    0 0 1.5rem #73e825e1,
-    -0.2rem 0.1rem 1rem #73e825e1,
-    0.2rem 0.1rem 1rem #73e825e1,
-    0 -0.5rem 2rem #12d00f,
-    0 0.5rem 3rem #12d00f;
-  animation:
-    shine 2s forwards,
-    flicker 3s infinite;
-}
-@keyframes blink {
-  0%,
-  22%,
-  36%,
-  75% {
-    color: #ffe6ff;
-    text-shadow:
-      0 0 0.6rem #ffe6ff,
-      0 0 1.5rem #73e825e1,
-      -0.2rem 0.1rem 1rem #73e825e1,
-      0.2rem 0.1rem 1rem #73e825e1,
-      0 -0.5rem 2rem #12d00f,
-      0 0.5rem 3rem #12d00f;
-  }
-  28%,
-  33% {
-    color: #73e825e1;
-    text-shadow: none;
-  }
-  82%,
-  97% {
-    color: #12d00f;
-    text-shadow: none;
-  }
-}
-.flicker {
-  animation:
-    shine 2s forwards,
-    blink 3s 2s infinite;
-}
-.fast-flicker {
-  animation:
-    shine 2s forwards,
-    blink 10s 1s infinite;
-}
-@keyframes shine {
-  0% {
-    color: #29ac6a;
-    text-shadow: none;
-  }
-  100% {
-    color: #ffe6ff;
-    text-shadow:
-      0 0 0.6rem #ffe6ff,
-      0 0 1.5rem #73e825e1,
-      -0.2rem 0.1rem 1rem #73e825e1,
-      0.2rem 0.1rem 1rem #73e825e1,
-      0 -0.5rem 2rem #12d00f,
-      0 0.5rem 3rem #12d00f;
-  }
-}
-@keyframes flicker {
-  from {
-    opacity: 1;
-  }
-  4% {
-    opacity: 0.9;
-  }
-  6% {
-    opacity: 0.85;
-  }
-  8% {
-    opacity: 0.95;
-  }
-  10% {
-    opacity: 0.9;
-  }
-  11% {
-    opacity: 0.922;
-  }
-  12% {
-    opacity: 0.9;
-  }
-  14% {
-    opacity: 0.95;
-  }
-  16% {
-    opacity: 0.98;
-  }
-  17% {
-    opacity: 0.9;
-  }
-  19% {
-    opacity: 0.93;
-  }
-  20% {
-    opacity: 0.99;
-  }
-  24% {
-    opacity: 1;
-  }
-  26% {
-    opacity: 0.94;
-  }
-  28% {
-    opacity: 0.98;
-  }
-  37% {
-    opacity: 0.93;
-  }
-  38% {
-    opacity: 0.5;
-  }
-  39% {
-    opacity: 0.96;
-  }
-  42% {
-    opacity: 1;
-  }
-  44% {
-    opacity: 0.97;
-  }
-  46% {
-    opacity: 0.94;
-  }
-  56% {
-    opacity: 0.9;
-  }
-  58% {
-    opacity: 0.9;
-  }
-  60% {
-    opacity: 0.99;
-  }
-  68% {
-    opacity: 1;
-  }
-  70% {
-    opacity: 0.9;
-  }
-  72% {
-    opacity: 0.95;
-  }
-  93% {
-    opacity: 0.93;
-  }
-  95% {
-    opacity: 0.95;
-  }
-  97% {
-    opacity: 0.93;
-  }
-  to {
-    opacity: 1;
-  }
-}
-</style>
diff --git a/src/views/auth/ResetPasswordView.vue b/src/views/auth/ResetPasswordView.vue
index ea33640..51a193e 100644
--- a/src/views/auth/ResetPasswordView.vue
+++ b/src/views/auth/ResetPasswordView.vue
@@ -233,14 +233,14 @@ const rules = {
 </script>
 <style scoped>
 #item {
-  margin-top: calc(50vh - 160px);
+  margin-top: calc(50vh - 210px);
   margin-left: 240px;
   margin-right: 240px;
 }
 
 @media (max-width: 1300px) {
   #item {
-    margin-top: calc(50vh - 160px);
+    margin-top: calc(50vh - 210px);
     margin-left: 20px;
     margin-right: 20px;
   }

From 930a09cbaee8492178eeec0c1a008fde455c8631 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=8F=E6=B2=AB=E8=8A=B1=E7=81=ABzzz=F0=9F=8C=99?=
 <xmcn@1l1.icu>
Date: Wed, 23 Oct 2024 13:08:35 +0800
Subject: [PATCH 2/2] =?UTF-8?q?[*]=20=E5=8E=BB=E9=99=A4=E5=A4=9A=E4=BD=99?=
 =?UTF-8?q?=E5=AF=BC=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/sidebar/GuestSidebar.vue | 2 +-
 src/views/DashboardView.vue             | 1 +
 src/views/auth/ResetPasswordView.vue    | 2 --
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/sidebar/GuestSidebar.vue b/src/components/sidebar/GuestSidebar.vue
index 4728aaa..956457f 100644
--- a/src/components/sidebar/GuestSidebar.vue
+++ b/src/components/sidebar/GuestSidebar.vue
@@ -27,7 +27,7 @@
 import { NIcon, NLayoutSider, NMenu } from 'naive-ui'
 import { h, ref } from 'vue'
 
-import { CompassOutline, LogInOutline, MailOpenOutline } from '@vicons/ionicons5'
+import { LogInOutline, MailOpenOutline } from '@vicons/ionicons5'
 import { KeyReset20Regular } from '@vicons/fluent'
 
 import router from '@router'
diff --git a/src/views/DashboardView.vue b/src/views/DashboardView.vue
index aa45ec1..cddc1d8 100644
--- a/src/views/DashboardView.vue
+++ b/src/views/DashboardView.vue
@@ -52,6 +52,7 @@
         <n-space>
           <a href="https://spcraft.cn" target="_blank">
             <img
+              alt="SPCraftMC"
               style="width: 100%"
               src="https://apac-cloudflare-r2-img.1l1.icu/2024/07/03/6685745b965eb.webp"
             />
diff --git a/src/views/auth/ResetPasswordView.vue b/src/views/auth/ResetPasswordView.vue
index 51a193e..5a7adad 100644
--- a/src/views/auth/ResetPasswordView.vue
+++ b/src/views/auth/ResetPasswordView.vue
@@ -99,10 +99,8 @@
 <script setup>
 import { ref } from 'vue'
 import { useLoadingBar, useMessage } from 'naive-ui'
-import { getUrlKey } from '@/utils/request'
 import router from '@router'
 import api from '@/api'
-import logger from '@/utils/logger'
 
 const formRef = ref(null)
 const message = useMessage()