feat: setting 页面新增 是否显示footer的开关
This commit is contained in:
parent
091ca1a4fe
commit
d064f6285a
@ -11,6 +11,7 @@
|
|||||||
:sider-collapsed-width="siderCollapsedWidth"
|
:sider-collapsed-width="siderCollapsedWidth"
|
||||||
:sider-collapse="app.siderCollapse"
|
:sider-collapse="app.siderCollapse"
|
||||||
:fixed-footer="theme.footer.fixed"
|
:fixed-footer="theme.footer.fixed"
|
||||||
|
:footer-visible="theme.footer.visible"
|
||||||
@update:sider-collapse="app.setSiderCollapse"
|
@update:sider-collapse="app.setSiderCollapse"
|
||||||
>
|
>
|
||||||
<template #header>
|
<template #header>
|
||||||
|
@ -61,6 +61,9 @@
|
|||||||
<setting-menu label="固定底部">
|
<setting-menu label="固定底部">
|
||||||
<n-switch :value="theme.footer.fixed" @update:value="theme.setFooterIsFixed" />
|
<n-switch :value="theme.footer.fixed" @update:value="theme.setFooterIsFixed" />
|
||||||
</setting-menu>
|
</setting-menu>
|
||||||
|
<setting-menu label="显示底部">
|
||||||
|
<n-switch :value="theme.footer.visible" @update:value="theme.setFooterVisible" />
|
||||||
|
</setting-menu>
|
||||||
</n-space>
|
</n-space>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -110,7 +110,8 @@
|
|||||||
},
|
},
|
||||||
"footer": {
|
"footer": {
|
||||||
"fixed": false,
|
"fixed": false,
|
||||||
"height": 48
|
"height": 48,
|
||||||
|
"visible": true
|
||||||
},
|
},
|
||||||
"page": {
|
"page": {
|
||||||
"animate": true,
|
"animate": true,
|
||||||
|
@ -88,7 +88,8 @@ const defaultThemeSetting: Theme.Setting = {
|
|||||||
},
|
},
|
||||||
footer: {
|
footer: {
|
||||||
fixed: false,
|
fixed: false,
|
||||||
height: 48
|
height: 48,
|
||||||
|
visible: true
|
||||||
},
|
},
|
||||||
page: {
|
page: {
|
||||||
animate: true,
|
animate: true,
|
||||||
|
@ -149,6 +149,10 @@ export const useThemeStore = defineStore('theme-store', {
|
|||||||
setFooterHeight(height: number) {
|
setFooterHeight(height: number) {
|
||||||
this.footer.height = height;
|
this.footer.height = height;
|
||||||
},
|
},
|
||||||
|
/** 设置底部是否显示 */
|
||||||
|
setFooterVisible(isVisible: boolean) {
|
||||||
|
this.footer.visible = isVisible;
|
||||||
|
},
|
||||||
/** 设置切换页面时是否过渡动画 */
|
/** 设置切换页面时是否过渡动画 */
|
||||||
setPageIsAnimate(animate: boolean) {
|
setPageIsAnimate(animate: boolean) {
|
||||||
this.page.animate = animate;
|
this.page.animate = animate;
|
||||||
|
2
src/typings/system.d.ts
vendored
2
src/typings/system.d.ts
vendored
@ -236,6 +236,8 @@ declare namespace Theme {
|
|||||||
fixed: boolean;
|
fixed: boolean;
|
||||||
/** 底部高度 */
|
/** 底部高度 */
|
||||||
height: number;
|
height: number;
|
||||||
|
/* 底部是否可见 */
|
||||||
|
visible: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 页面样式 */
|
/** 页面样式 */
|
||||||
|
Loading…
Reference in New Issue
Block a user