chore: 调整默认布局为混合布局

Author: Charles7c

src/config/setting.ts

@@ -5,11 +5,11 @@ export const defaultSettings: App.AppSettings = {
   tabMode: 'card-gutter',
   animate: false,
   animateMode: 'zoom-fade',
-  menuCollapse: true,
+  menuCollapse: false,
   menuAccordion: true,
   menuDark: false,
   copyrightDisplay: true,
-  layout: 'left',
+  layout: 'mix',
   enableColorWeaknessMode: false,
   enableMourningMode: false,
 }

src/layout/LayoutMix.vue

@@ -6,6 +6,7 @@
     >
       <Logo :collapsed="appStore.menuCollapse"></Logo>
       <Menu :menus="leftMenus" :menu-style="{ width: '220px', flex: 1 }"></Menu>
+      <WwAds class="ads" />
     </section>
 
     <section class="layout-mix-right">
@@ -41,6 +42,7 @@ import Menu from './components/Menu/index.vue'
 import HeaderRightBar from './components/HeaderRightBar/index.vue'
 import Logo from './components/Logo.vue'
 import MenuFoldBtn from './components/MenuFoldBtn.vue'
+import WwAds from './components/WwAds.vue'
 import GiFooter from '@/components/GiFooter/index.vue'
 import { useAppStore, useRouteStore } from '@/stores'
 import { isExternal } from '@/utils/validate'

src/layout/components/Asider/index.vue

@@ -11,13 +11,15 @@
       <a-scrollbar outer-class="menu-scroll-view" style="height: 100%; overflow: auto">
         <Menu></Menu>
       </a-scrollbar>
+      <WwAds class="ads" />
     </a-layout-sider>
   </div>
 </template>
 
 <script setup lang="ts">
 import Menu from '../Menu/index.vue'
 import Logo from '../Logo.vue'
+import WwAds from '../WwAds.vue'
 import { useAppStore } from '@/stores'
 import { useDevice } from '@/hooks'
 

src/layout/components/WwAds.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { onMounted } from 'vue'
+
+onMounted(() => {
+  const s = document.createElement('script')
+  s.async = true
+  s.src = `https://cdn.wwads.cn/js/makemoney.js`
+  document.querySelector('.wwads-container')!.appendChild(s)
+})
+</script>
+
+<template>
+  <div class="wwads-container">
+    <div class="wwads-cn wwads-vertical" data-id="359"></div>
+  </div>
+</template>
+
+<style>
+.wwads-container {
+  padding: 1px 15px 10px;
+  margin-top: 20px;
+  background-color: var(--color-fill-2);
+}
+.wwads-vertical {
+  background-color: transparent !important;
+}
+.wwads-text {
+  color: var(--color-text-2) !important;
+}
+</style>

src/router/route.ts

@@ -73,6 +73,7 @@ export const systemRoutes: RouteRecordRaw[] = [
     name: 'About',
     component: Layout,
     meta: { title: '关于项目', icon: 'apps', hidden: false, sort: 999 },
+    redirect: '/about/document/api',
     children: [
       {
         path: '/about/document/api',