只展开一个一级菜单开关
This commit is contained in:
parent
5b9af90590
commit
c073cc65a7
|
|
@ -99,7 +99,7 @@ export default defineComponent({
|
||||||
visible.value = false
|
visible.value = false
|
||||||
emit('change')
|
emit('change')
|
||||||
}
|
}
|
||||||
if (response.code == RequestCodeEnum.FAIL && response.msg) {
|
if (response.code == RequestCodeEnum.FAILED && response.msg) {
|
||||||
feedback.msgError(response.msg)
|
feedback.msgError(response.msg)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
const defaultSetting = {
|
const defaultSetting = {
|
||||||
|
isUniqueOpened: false, //只展开一个一级菜单
|
||||||
sideWidth: 200, //侧边栏宽度
|
sideWidth: 200, //侧边栏宽度
|
||||||
sideTheme: 'light', //侧边栏主题
|
sideTheme: 'light', //侧边栏主题
|
||||||
sideDarkColor: '#1d2124', //侧边栏深色主题颜色
|
sideDarkColor: '#1d2124', //侧边栏深色主题颜色
|
||||||
|
|
|
||||||
|
|
@ -47,6 +47,16 @@
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="setting-item mb-5 flex justify-between items-center">
|
||||||
|
<span class="text-tx-secondary">只展开一个一级菜单</span>
|
||||||
|
<div>
|
||||||
|
<el-switch
|
||||||
|
v-model="isUniqueOpened"
|
||||||
|
:active-value="true"
|
||||||
|
:inactive-value="false"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="setting-item mb-5">
|
<div class="setting-item mb-5">
|
||||||
<div class="text-tx-secondary mb-4">菜单栏宽度</div>
|
<div class="text-tx-secondary mb-4">菜单栏宽度</div>
|
||||||
<div><el-input-number v-model="sideWidth" :min="180" :max="250" /></div>
|
<div><el-input-number v-model="sideWidth" :min="180" :max="250" /></div>
|
||||||
|
|
@ -101,6 +111,18 @@ const openMultipleTabs = computed({
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
const isUniqueOpened = computed({
|
||||||
|
get() {
|
||||||
|
return settingStore.isUniqueOpened
|
||||||
|
},
|
||||||
|
set(value) {
|
||||||
|
settingStore.setSetting({
|
||||||
|
key: 'isUniqueOpened',
|
||||||
|
value
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
const sideWidth = computed({
|
const sideWidth = computed({
|
||||||
get() {
|
get() {
|
||||||
return settingStore.sideWidth
|
return settingStore.sideWidth
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
:default-active="activeMenu"
|
:default-active="activeMenu"
|
||||||
:collapse="isCollapsed"
|
:collapse="isCollapsed"
|
||||||
mode="vertical"
|
mode="vertical"
|
||||||
:unique-opened="true"
|
:unique-opened="uniqueOpened"
|
||||||
@select="$emit('select')"
|
@select="$emit('select')"
|
||||||
>
|
>
|
||||||
<menu-item
|
<menu-item
|
||||||
|
|
@ -41,6 +41,10 @@ const props = defineProps({
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false
|
||||||
},
|
},
|
||||||
|
uniqueOpened: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
theme: {
|
theme: {
|
||||||
type: String
|
type: String
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -5,6 +5,7 @@
|
||||||
:routes="routes"
|
:routes="routes"
|
||||||
:isCollapsed="isCollapsed"
|
:isCollapsed="isCollapsed"
|
||||||
:width="settingStore.sideWidth"
|
:width="settingStore.sideWidth"
|
||||||
|
:unique-opened="settingStore.isUniqueOpened"
|
||||||
:config="menuProp"
|
:config="menuProp"
|
||||||
:theme="sideTheme"
|
:theme="sideTheme"
|
||||||
@select="handleSelect"
|
@select="handleSelect"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue