mirror of
https://github.com/continew-org/continew-admin-ui.git
synced 2025-09-08 22:57:11 +08:00
chore: 调整默认布局为混合布局
This commit is contained in:
@@ -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,
|
||||
}
|
||||
|
@@ -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'
|
||||
|
@@ -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'
|
||||
|
||||
|
33
src/layout/components/WwAds.vue
Normal file
33
src/layout/components/WwAds.vue
Normal file
@@ -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>
|
@@ -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',
|
||||
|
Reference in New Issue
Block a user