- Sider 传 theme=light(side-menu 默认值同步改 light),白底 + 右侧细分隔线 - 折叠态图标/tooltip 文字色随 light 主题自动变深灰 - tag-nav 顶条 #F0F0F0 → #f5f7fa 微调至同色系
This commit is contained in:
@@ -48,7 +48,7 @@ export default {
|
|||||||
},
|
},
|
||||||
theme: {
|
theme: {
|
||||||
type: String,
|
type: String,
|
||||||
default: 'dark'
|
default: 'light'
|
||||||
},
|
},
|
||||||
rootIconSize: {
|
rootIconSize: {
|
||||||
type: Number,
|
type: Number,
|
||||||
|
|||||||
@@ -26,7 +26,7 @@
|
|||||||
.tag-nav-wrapper{
|
.tag-nav-wrapper{
|
||||||
padding: 0;
|
padding: 0;
|
||||||
height:40px;
|
height:40px;
|
||||||
background:#F0F0F0;
|
background:#f5f7fa;
|
||||||
}
|
}
|
||||||
.content-wrapper{
|
.content-wrapper{
|
||||||
padding: 18px;
|
padding: 18px;
|
||||||
@@ -36,6 +36,9 @@
|
|||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
.left-sider{
|
.left-sider{
|
||||||
|
// 浅色侧边栏:与内容区统一,仅以右边框区分
|
||||||
|
background: #fff;
|
||||||
|
box-shadow: 1px 0 0 #e8ecf4;
|
||||||
.ivu-layout-sider-children{
|
.ivu-layout-sider-children{
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
margin-right: -18px;
|
margin-right: -18px;
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<Layout style="height: 100%" class="main">
|
<Layout style="height: 100%" class="main">
|
||||||
<Sider hide-trigger collapsible :width="256" :collapsed-width="64" v-model="collapsed" class="left-sider" :style="{overflow: 'hidden'}">
|
<Sider hide-trigger collapsible :width="256" :collapsed-width="64" v-model="collapsed" class="left-sider sider-light" :style="{overflow: 'hidden'}">
|
||||||
<side-menu accordion ref="sideMenu" :active-name="$route.name" :collapsed="collapsed" @on-select="turnToPage" :menu-list="menuList">
|
<side-menu accordion ref="sideMenu" :active-name="$route.name" :collapsed="collapsed" theme="light" @on-select="turnToPage" :menu-list="menuList">
|
||||||
<!-- 需要放在菜单上面的内容,如Logo,写在side-menu标签内部,如下 -->
|
<!-- 需要放在菜单上面的内容,如Logo,写在side-menu标签内部,如下 -->
|
||||||
<div class="logo-con" style="text-align: center">
|
<div class="logo-con" style="text-align: center">
|
||||||
<img v-show="!collapsed" :src="maxLogo" key="max-logo" />
|
<img v-show="!collapsed" :src="maxLogo" key="max-logo" />
|
||||||
@@ -72,7 +72,7 @@ export default {
|
|||||||
tagRouter () {
|
tagRouter () {
|
||||||
return this.$store.state.app.tagRouter
|
return this.$store.state.app.tagRouter
|
||||||
},
|
},
|
||||||
nickname() {
|
nickname () {
|
||||||
return this.$store.state.user.nickname
|
return this.$store.state.user.nickname
|
||||||
},
|
},
|
||||||
userAvator () {
|
userAvator () {
|
||||||
|
|||||||
Reference in New Issue
Block a user