feat(Logo): Add Logo component

src/layout/Layout.vue

@@ -9,6 +9,8 @@ import { UserInfo } from '@/components/UserInfo'
 import { Screenfull } from '@/components/Screenfull'
 import { Breadcrumb } from '@/components/Breadcrumb'
 import { TagsView } from '@/components/TagsView'
+import { Backtop } from '@/components/Backtop'
+import { Setting } from '@/components/Setting'
 import AppView from './components/AppView.vue'
 
 const appStore = useAppStore()
@@ -70,6 +72,10 @@ export default defineComponent({
           </div>
           <AppView></AppView>
         </div>
+
+        <Backtop></Backtop>
+
+        <Setting></Setting>
       </section>
     )
   }

src/layout/components/AppView.vue

@@ -10,11 +10,22 @@ const getCaches = computed((): string[] => {
 </script>
 
 <template>
-  <router-view>
-    <template #default="{ Component, route }">
-      <keep-alive :include="getCaches">
-        <component :is="Component" :key="route.fullPath" />
-      </keep-alive>
-    </template>
-  </router-view>
+  <el-scrollbar
+    :class="[
+      'v-content',
+      {
+        '!h-[calc(100%-var(--top-tool-height)-var(--tags-view-height))]': true
+      }
+    ]"
+  >
+    <section class="p-[var(--app-content-padding)]">
+      <router-view>
+        <template #default="{ Component, route }">
+          <keep-alive :include="getCaches">
+            <component :is="Component" :key="route.fullPath" />
+          </keep-alive>
+        </template>
+      </router-view>
+    </section>
+  </el-scrollbar>
 </template>