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

src/layout/components/Asider/index.vue

@@ -11,6 +11,7 @@
       <a-scrollbar outer-class="menu-scroll-view" style="height: 100%; overflow: auto">
         <Menu></Menu>
       </a-scrollbar>
+      <WwAds class="ads" />
     </a-layout-sider>
   </div>
 </template>
@@ -18,6 +19,7 @@
 <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,33 @@
+<script setup lang="ts">
+import { onMounted } from 'vue'
+import { useAppStore } from '@/stores'
+
+const appStore = useAppStore()
+
+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 v-show="!appStore.menuCollapse" class="wwads-container">
+    <div class="wwads-cn wwads-vertical" data-id="359" style="max-width: 180px"></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>