You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.5 KiB
50 lines
1.5 KiB
<template>
|
|
<el-form class="sl">
|
|
<h2>布局设置</h2>
|
|
<el-form-item label="导航条类型">
|
|
<el-radio-group v-model="navbarLayoutType">
|
|
<el-radio label="default" border>default</el-radio>
|
|
<el-radio label="inverse" border>inverse</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
<el-form-item label="侧边栏皮肤">
|
|
<el-radio-group v-model="sidebarLayoutSkin">
|
|
<el-radio label="light" border>light</el-radio>
|
|
<el-radio label="dark" border>dark</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
<el-form-item label="特效" >
|
|
<el-radio-group v-model="effectsEnabled" >
|
|
<el-radio label="Y" border>开启</el-radio>
|
|
<el-radio label="N" border>关闭</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-form>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
computed: {
|
|
navbarLayoutType: {
|
|
get () { return this.$store.state.common.navbarLayoutType },
|
|
set (val) { this.$store.commit('common/updateNavbarLayoutType', val) }
|
|
},
|
|
sidebarLayoutSkin: {
|
|
get () { return this.$store.state.common.sidebarLayoutSkin },
|
|
set (val) { this.$store.commit('common/updateSidebarLayoutSkin', val) }
|
|
},
|
|
effectsEnabled: {
|
|
get () { return this.$store.state.common.effectsEnabled },
|
|
set (val) { this.$store.commit('common/updateEffectsEnabled', val) }
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped>
|
|
.sl .el-radio--medium.is-bordered {
|
|
padding: 2px 5px 0px 5px;
|
|
border-radius: 4px;
|
|
height: 20px;
|
|
}
|
|
</style>
|
|
|