update

src/views/AboutView.vue

@@ -4,7 +4,7 @@ import { NButton, NCard, NDivider, NLayoutContent, NSpace, NText, NTimeline, NTi
 <template>
   <NLayoutContent style="height: 100vh">
     <NSpace style="margin-top: 50px" justify="center" align="center" vertical>
-      <NCard style="max-width: 80vw; width: 700px">
+      <NCard style="max-width: 80vw; width: 700px" embedded>
         <template #header> 关于 </template>
         <NText>
           一个兴趣使然的网站

src/views/ViewerLayout.vue

@@ -173,7 +173,7 @@ onMounted(async () => {
       </NPageHeader>
     </NLayoutHeader>
     <NLayout has-sider style="height: calc(100vh - 50px)">
-      <NLayoutSider ref="sider" show-trigger default-collapsed collapse-mode="width" :collapsed-width="64" :width="180" :native-scrollbar="false">
+      <NLayoutSider ref="sider" show-trigger default-collapsed collapse-mode="width" :collapsed-width="64" :width="180" :native-scrollbar="false" style="height: 100%">
         <Transition>
           <div v-if="biliUserInfo" style="margin-top: 8px">
             <NSpace vertical justify="center" align="center">
@@ -193,6 +193,12 @@ onMounted(async () => {
           </div>
         </Transition>
         <NMenu :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

src/views/manage/SettingsManageView.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useAccount } from '@/api/account'
 import { NButton, NCard, NCheckbox, NCheckboxGroup, NDivider, NForm, NModal, NSelect, NSpace, NSpin, NSwitch, NTabPane, NTabs, SelectOption, useMessage } from 'naive-ui'
-import { Ref, computed, h, onMounted, ref, defineAsyncComponent } from 'vue'
+import { Ref, computed, h, onMounted, ref, defineAsyncComponent, onActivated } from 'vue'
 import { FunctionTypes, ScheduleWeekInfo, SongFrom, SongLanguage, SongsInfo } from '@/api/api-models'
 import { QueryPostAPI } from '@/api/query'
 import { ACCOUNT_API_URL, FETCH_API, IndexTemplateMap, ScheduleTemplateMap, SongListTemplateMap } from '@/data/constants'
@@ -261,6 +261,14 @@ function onOpenTemplateSettings() {
 const buttonGroup = computed(() => {
   return h(NSpace, () => [h(NButton, { type: 'primary', onClick: () => SaveTemplateSetting() }, () => '设为展示模板'), h(NButton, { type: 'info', onClick: onOpenTemplateSettings }, () => '模板设置')])
 })
+onActivated(() => {
+  if (route.query.tab) {
+    selectedTab.value = route.query.tab.toString()
+  }
+  if (route.query.template) {
+    selectedOption.value = route.query.template.toString()
+  }
+})
 onMounted(async () => {
   await RequestBiliUserData()
 })
@@ -297,6 +305,8 @@ onMounted(async () => {
                 <component :is="buttonGroup" />
               </NSpace>
               <NDivider />
+              <Transition name="fade" mode="out-in">
+                <div v-if="true" :key="selectedTemplateData.Selected.value">
                   <component
                     :is="selectedTemplateData.TemplateMap[selectedTemplateData.Selected.value].compoent"
                     :user-info="accountInfo"
@@ -304,6 +314,8 @@ onMounted(async () => {
                     :current-data="selectedTemplateData.Data"
                   />
                 </div>
+              </Transition>
+            </div>
           </NSpace>
         </NTabPane>
       </NTabs>