feat: 🎸 重构layout-classic布局

This commit is contained in:
chenkl
2020-12-17 17:01:13 +08:00
parent 7ede02141e
commit 29d9c98860
11 changed files with 270 additions and 145 deletions

View File

@@ -24,10 +24,18 @@
<div class="setting__title">顶部菜单主题</div>
<div class="setting__title">界面功能</div>
<div class="setting__item">
<!-- <div class="setting__item">
<span>固定顶部操作栏</span>
<el-switch v-model="fixedNavbar" @change="setFixedNavbar" />
</div>
<div class="setting__item">
<span>固定标签页</span>
<el-switch v-model="fixedTags" @change="setFixedTags" />
</div> -->
<div class="setting__item">
<span>固定Header</span>
<el-switch v-model="fixedHeader" @change="setFixedHeader" />
</div>
<div class="setting__title">界面显示</div>
<div class="setting__item">
@@ -73,9 +81,19 @@ export default defineComponent({
appStore.SetLayout(mode)
}
const fixedNavbar = ref<boolean>(appStore.fixedNavbar)
function setFixedNavbar(fixedNavbar: boolean) {
appStore.SetFixedNavbar(fixedNavbar)
// const fixedNavbar = ref<boolean>(appStore.fixedNavbar)
// function setFixedNavbar(fixedNavbar: boolean) {
// appStore.SetFixedNavbar(fixedNavbar)
// }
// const fixedTags = ref<boolean>(appStore.fixedTags)
// function setFixedTags(fixedTags: boolean) {
// appStore.SetFixedTags(fixedTags)
// }
const fixedHeader = ref<boolean>(appStore.fixedHeader)
function setFixedHeader(fixedHeader: boolean) {
appStore.SetFixedHeader(fixedHeader)
}
const navbar = ref<boolean>(appStore.showNavbar)
@@ -115,7 +133,9 @@ export default defineComponent({
return {
layout, setLayout,
fixedNavbar, setFixedNavbar,
// fixedNavbar, setFixedNavbar,
// fixedTags, setFixedTags,
fixedHeader, setFixedHeader,
navbar, setNavbar,
hamburger, setHamburger,
breadcrumb, setBreadcrumb,