update font

src/views/ManageLayout.vue

@@ -1,26 +1,23 @@
 <script setup lang="ts">
 import {
-  NAlert,
-  NAvatar,
-  NBackTop,
   NButton,
-  NCard,
-  NCountdown,
   NDivider,
   NIcon,
   NLayout,
   NLayoutContent,
-  NLayoutFooter,
   NLayoutHeader,
-  NLayoutSider,
-  NMenu,
   NPageHeader,
   NSpace,
   NSpin,
   NSwitch,
   NText,
-  NTime,
+  NScrollbar,
   useMessage,
+  NMenu,
+  NLayoutSider,
+  NAlert,
+  NBackTop,
+  NCountdown,
 } from 'naive-ui'
 import { h, onMounted, ref } from 'vue'
 import { BrowsersOutline, Chatbox, Moon, MusicalNote, Sunny, AnalyticsSharp } from '@vicons/ionicons5'
@@ -92,7 +89,7 @@ const menuOptions = [
       ),
     key: 'manage-schedule',
     icon: renderIcon(CalendarClock24Filled),
-    disabled: accountInfo.value?.isEmailVerified == false || (accountInfo.value?.settings?.enableFunctions.indexOf(FunctionTypes.Schedule) ?? -1) == -1,
+    disabled: accountInfo.value?.isEmailVerified == false,
   },
   {
     label: () =>
@@ -107,7 +104,7 @@ const menuOptions = [
       ),
     key: 'manage-songList',
     icon: renderIcon(MusicalNote),
-    disabled: accountInfo.value?.isEmailVerified == false || (accountInfo.value?.settings?.enableFunctions.indexOf(FunctionTypes.SongList) ?? -1) == -1,
+    disabled: accountInfo.value?.isEmailVerified == false,
   },
   {
     label: () =>
@@ -204,53 +201,57 @@ onMounted(() => {
         </template>
       </NPageHeader>
     </NLayoutHeader>
-    <NLayout has-sider style="height: calc(100vh - 50px)">
-      <NLayoutSider ref="sider" bordered show-trigger collapse-mode="width" :default-collapsed="windowWidth < 750" :collapsed-width="64" :width="180" :native-scrollbar="false">
-        <NSpace justify="center" style="margin-top: 16px">
-          <NButton @click="$router.push({ name: 'manage-index' })" type="info" style="width: 100%">
-            <template #icon>
-              <NIcon :component="BrowsersOutline" />
-            </template>
-            <template v-if="width >= 180"> 面板 </template>
-          </NButton>
-        </NSpace>
-        <NMenu
-          style="margin-top: 12px"
-          :disabled="accountInfo?.isEmailVerified != true"
-          :default-value="$route.name?.toString()"
-          :collapsed-width="64"
-          :collapsed-icon-size="22"
-          :options="menuOptions"
-        />
-        <NSpace justify="center">
-          <NText depth="3" v-if="width > 150">
-            有更多功能建议请
-            <NButton text type="info" @click="$router.push({ name: 'about' })"> 反馈 </NButton>
-          </NText>
-        </NSpace>
-      </NLayoutSider>
-      <NLayout style="height: 100%">
-        <div style="box-sizing: border-box; padding: 20px">
-          <RouterView v-slot="{ Component }" v-if="accountInfo?.isEmailVerified">
-            <KeepAlive>
-              <Suspense>
-                <component :is="Component" />
-                <template #fallback> Loading... </template>
-              </Suspense>
-            </KeepAlive>
-          </RouterView>
-          <template v-else>
-            <NAlert type="info">
-              请进行邮箱验证
-              <br /><br />
-              <NButton size="small" type="info" :disabled="!canResendEmail" @click="resendEmail"> 重新发送验证邮件 </NButton>
-              <NCountdown v-if="!canResendEmail" :duration="(accountInfo?.nextSendEmailTime ?? 0) - Date.now()" @finish="canResendEmail = true" />
-            </NAlert>
-          </template>
-          <NBackTop />
-        </div>
+    <NScrollbar x-scrollable>
+      <NLayout has-sider>
+        <NLayoutSider ref="sider" bordered show-trigger collapse-mode="width" :default-collapsed="windowWidth < 750" :collapsed-width="64" :width="180" :native-scrollbar="false">
+          <NSpace justify="center" style="margin-top: 16px">
+            <NButton @click="$router.push({ name: 'manage-index' })" type="info" style="width: 100%">
+              <template #icon>
+                <NIcon :component="BrowsersOutline" />
+              </template>
+              <template v-if="width >= 180"> 面板 </template>
+            </NButton>
+          </NSpace>
+          <NMenu
+            style="margin-top: 12px"
+            :disabled="accountInfo?.isEmailVerified != true"
+            :default-value="$route.name?.toString()"
+            :collapsed-width="64"
+            :collapsed-icon-size="22"
+            :options="menuOptions"
+          />
+          <NSpace justify="center">
+            <NText depth="3" v-if="width > 150">
+              有更多功能建议请
+              <NButton text type="info" @click="$router.push({ name: 'about' })"> 反馈 </NButton>
+            </NText>
+          </NSpace>
+        </NLayoutSider>
+        <NScrollbar style="height: calc(100vh - 50px);" >
+          <NLayout >
+            <div style="box-sizing: border-box; padding: 20px; min-width: 300px">
+              <RouterView v-slot="{ Component }" v-if="accountInfo?.isEmailVerified">
+                <KeepAlive>
+                  <Suspense>
+                    <component :is="Component" />
+                    <template #fallback> Loading... </template>
+                  </Suspense>
+                </KeepAlive>
+              </RouterView>
+              <template v-else>
+                <NAlert type="info">
+                  请进行邮箱验证
+                  <br /><br />
+                  <NButton size="small" type="info" :disabled="!canResendEmail" @click="resendEmail"> 重新发送验证邮件 </NButton>
+                  <NCountdown v-if="!canResendEmail" :duration="(accountInfo?.nextSendEmailTime ?? 0) - Date.now()" @finish="canResendEmail = true" />
+                </NAlert>
+              </template>
+              <NBackTop />
+            </div>
+          </NLayout>
+        </NScrollbar>
       </NLayout>
-    </NLayout>
+    </NScrollbar>
   </NLayout>
   <template v-else>
     <NLayoutContent style="display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 50px; height: 100%; box-sizing: border-box">

src/views/manage/DashboardView.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useAccount } from '@/api/account'
-import { NAlert, NButton, NCard, NDivider, NInput, NPopconfirm, NSpace, NTag, NText, NThing, NTime } from 'naive-ui'
+import { NAlert, NButton, NCard, NDivider, NEllipsis, NInput, NPopconfirm, NSpace, NTag, NText, NThing, NTime } from 'naive-ui'
 import SettingsManageView from './SettingsManageView.vue'
 import { useLocalStorage } from '@vueuse/core'
 
@@ -15,7 +15,7 @@ function logout() {
 
 <template>
   <NSpace justify="center" align="center" vertical style="width: 100%">
-    <NCard embedded style="max-width: 90%; width: 800px">
+    <NCard embedded style="width: 100%;">
       <NSpace align="center" justify="center" vertical>
         <NText style="font-size: 3rem">
           {{ accountInfo?.name }}
@@ -29,25 +29,29 @@ function logout() {
 
       <NDivider />
       <NSpace vertical>
-        <NAlert>
+        <NCard size="small">
           邮箱:
-          <NTag v-if="accountInfo?.isEmailVerified" type="success"> 已认证 | {{ accountInfo?.bindEmail }} </NTag>
+          <NEllipsis v-if="accountInfo?.isEmailVerified" style="max-width: 100%">
+            <NText style="color: var(--primary-color)"> 已认证 | {{ accountInfo?.bindEmail }} </NText>
+          </NEllipsis>
           <template v-else>
             <NTag type="error" size="small"> 未认证 </NTag>
           </template>
-        </NAlert>
-        <NAlert>
+        </NCard>
+        <NCard size="small">
           Bilibili 账户:
-          <NTag v-if="accountInfo?.isBiliVerified" type="success"> 已认证 | {{ accountInfo?.biliId }} </NTag>
+          <NEllipsis v-if="accountInfo?.isBiliVerified" style="max-width: 100%">
+            <NText style="color: var(--primary-color)"> 已认证 | {{ accountInfo?.biliId }} </NText>
+          </NEllipsis>
           <template v-else>
             <NTag type="error" size="small"> 未认证 </NTag>
             <NDivider vertical />
             <NButton size="small" @click="$router.push({ name: 'manage-biliVerify' })" type="info"> 前往认证 </NButton>
           </template>
-        </NAlert>
+        </NCard>
         <NAlert title="Token" type="info">
           请注意保管, 这个东西可以完全操作你的账号
-          <NInput type="password" :value="accountInfo?.token" show-password-on="click" status="error"/>
+          <NInput type="password" :value="accountInfo?.token" show-password-on="click" status="error" />
         </NAlert>
       </NSpace>
       <NDivider />
@@ -64,6 +68,6 @@ function logout() {
   <div>
     <NDivider />
     <SettingsManageView />
-    <NDivider/>
+    <NDivider />
   </div>
 </template>