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.
This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.
< template >
< el -form >
<!-- 布局设置表单标题 -- >
< h2 > 布局设置 < / h2 >
<!-- 导航条类型设置项 -- >
< el -form -item label = "导航条类型" >
<!-- 导航条类型选择框 ， 使用 radio 按钮选择 'default' 或 'inverse' -- >
< el -radio -group v-model ="navbarLayoutType" >
< el -radio label = "default" border > default < / e l - r a d i o >
< el -radio label = "inverse" border > inverse < / e l - r a d i o >
< / e l - r a d i o - g r o u p >
< / e l - f o r m - i t e m >
<!-- 侧边栏皮肤设置项 -- >
< el -form -item label = "侧边栏皮肤" >
<!-- 侧边栏皮肤选择框 ， 使用 radio 按钮选择 'light' 或 'dark' -- >
< el -radio -group v-model ="sidebarLayoutSkin" >
< el -radio label = "light" border > light < / e l - r a d i o >
< el -radio label = "dark" border > dark < / e l - r a d i o >
< / e l - r a d i o - g r o u p >
< / e l - f o r m - i t e m >
< / e l - f o r m >
< / template >
< script >
export default {
computed : {
// 计算属性：获取并设置导航条类型
navbarLayoutType : {
// getter：
get ( ) {
return this . $store . state . common . navbarLayoutType
} ,
// setter：
set ( val ) {
this . $store . commit ( 'common/updateNavbarLayoutType' , val )
}
} ,
// 计算属性：获取并设置侧边栏皮肤
sidebarLayoutSkin : {
// getter：
get ( ) {
return this . $store . state . common . sidebarLayoutSkin
} ,
// setter：
set ( val ) {
this . $store . commit ( 'common/updateSidebarLayoutSkin' , val )
}
}
}
}
< / script >
