style(web): 精简登录品牌与注册入口

src/views/Login/Login.vue

@@ -1,18 +1,17 @@
 <!-- Author: fruit.com.cn -->
 
 <script setup lang="ts">
-import { LoginForm, RegisterForm } from './components'
+import { LoginForm } from './components'
 import { ThemeSwitch } from '@/components/ThemeSwitch'
 import { LocaleDropdown } from '@/components/LocaleDropdown'
 import { useI18n } from '@/hooks/web/useI18n'
 import { getCssVar, underlineToHump } from '@/utils'
 import { useAppStore } from '@/store/modules/app'
-import { computed, ref } from 'vue'
+import { computed } from 'vue'
 import { ElScrollbar } from 'element-plus'
 
 const appStore = useAppStore()
 const { t } = useI18n()
-const isLogin = ref(true)
 const isDark = computed(() => appStore.getIsDark)
 const toolColor = computed(() => (isDark.value ? '#e5eaf3' : '#303133'))
 
@@ -35,12 +34,6 @@ const themeChange = () => {
           <div class="hero-copy">
             <p class="hero-kicker">{{ t('login.consoleLabel') }}</p>
             <h1>{{ t('login.welcome') }}</h1>
-            <p>{{ t('login.message') }}</p>
-            <ul>
-              <li>{{ t('login.pointDrama') }}</li>
-              <li>{{ t('login.pointPublish') }}</li>
-              <li>{{ t('login.pointAccess') }}</li>
-            </ul>
           </div>
         </section>
 
@@ -50,8 +43,7 @@ const themeChange = () => {
             <LocaleDropdown :color="toolColor" />
           </div>
           <div class="login-card">
-            <LoginForm v-if="isLogin" @to-register="isLogin = false" />
-            <RegisterForm v-else @to-login="isLogin = true" />
+            <LoginForm />
           </div>
         </section>
       </div>
@@ -130,40 +122,16 @@ const themeChange = () => {
     line-height: 1.2;
     color: #fff;
   }
-
-  p {
-    margin: 0;
-    font-size: 15px;
-    line-height: 1.7;
-    color: rgb(255 255 255 / 82%);
-  }
 }
 
 .hero-kicker {
+  margin: 0;
   font-size: 13px;
   font-weight: 600;
   letter-spacing: 0.08em;
   color: #d9ecff !important;
 }
 
-.hero-copy ul {
-  display: flex;
-  padding: 0;
-  margin: 28px 0 0;
-  list-style: none;
-  flex-wrap: wrap;
-  gap: 10px;
-
-  li {
-    padding: 8px 14px;
-    font-size: 13px;
-    color: #fff;
-    background: rgb(255 255 255 / 12%);
-    border: 1px solid rgb(255 255 255 / 18%);
-    border-radius: 999px;
-  }
-}
-
 .login-panel {
   position: relative;
   display: flex;
@@ -228,10 +196,6 @@ const themeChange = () => {
     font-size: 28px;
   }
 
-  .hero-copy ul {
-    display: none;
-  }
-
   .login-panel {
     padding: 44px 16px 12px;
   }
@@ -253,10 +217,6 @@ const themeChange = () => {
     padding: 16px 18px 18px;
   }
 
-  .hero-copy p {
-    font-size: 13px;
-  }
-
   .login-card {
     padding: 28px 20px 24px;
   }
@@ -282,25 +242,6 @@ const themeChange = () => {
   }
 }
 
-.login-register {
-  display: flex;
-  margin-top: 16px;
-  font-size: 14px;
-  color: var(--el-text-color-secondary);
-  gap: 6px;
-  align-items: center;
-  justify-content: center;
-
-  button {
-    padding: 0;
-    font: inherit;
-    color: var(--el-color-primary);
-    cursor: pointer;
-    background: none;
-    border: 0;
-  }
-}
-
 .login-card :deep(.el-button--primary) {
   --el-button-bg-color: var(--app-brand);
   --el-button-border-color: var(--app-brand);