diff --git a/src/components/layout/main.less b/src/components/layout/main.less index 8afc60f..09c50db 100644 --- a/src/components/layout/main.less +++ b/src/components/layout/main.less @@ -9,7 +9,6 @@ .sider{ width: 42px; .logo{ - // margin: 4px 0; img{ width: 28px; margin: 6px 7px; @@ -54,7 +53,6 @@ overflow: visible; padding-bottom: 24px; height: 100vh; - transition: @transition-ease-in; .logo { text-align: center; @@ -62,12 +60,12 @@ line-height: 40px; cursor: pointer; margin: 28px 0; - transition: @transition-ease-in; + transition: @transition-ease-in-out; img { width: 40px; margin-right: 8px; - transition: @transition-ease-in; + transition: @transition-ease-in-out; } span { @@ -76,6 +74,10 @@ text-transform: uppercase; display: inline-block; } + + .anticon{ + transition: @transition-ease-in-out; + } } } @@ -113,7 +115,6 @@ .main { margin-left: 224px; - transition: @transition-ease-in; overflow: auto; height: 100vh; @@ -168,15 +169,18 @@ &.ant-menu-inline { .ant-menu-item-selected { background-color: rgba(255,255,255,0.05); - - & > a { - color: @primary-color; - } } } .ant-menu-item-selected { color: @primary-color; + background-color: rgba(255,255,255,0.05); + & > a { + color: @primary-color; + } + &:hover{ + background-color: rgba(255,255,255,0.05); + } } } diff --git a/src/components/vars.less b/src/components/vars.less index a97a5cc..eb1fb30 100644 --- a/src/components/vars.less +++ b/src/components/vars.less @@ -182,6 +182,7 @@ //transition @transition-ease-in : all .3s @ease-in; +@transition-ease-in-out : all .3s @ease-in-out; //mix .text-overflow(){ diff --git a/src/models/app.js b/src/models/app.js index 16fc29b..d6e1ce6 100644 --- a/src/models/app.js +++ b/src/models/app.js @@ -11,7 +11,7 @@ export default { name: "吴彦祖" }, loginButtonLoading: false, - siderFold:true, + siderFold:false, darkTheme:true, }, subscriptions : {