| | |
| | | <div :class="{'has-logo':showLogo}"> |
| | | |
| | | <logo v-if="showLogo" :collapse="isCollapse" /> |
| | | <el-scrollbar wrap-class="scrollbar-wrapper" style="margin-top:56px;height: 85%"> |
| | | |
| | | <div v-if="$store.state.app.sidebar.opened" class="layoutLogo" /> |
| | | <el-scrollbar wrap-class="scrollbar-wrapper" class="scrollbarWrapperClass"> |
| | | <el-menu |
| | | :default-active="activeMenu" |
| | | :collapse="isCollapse" |
| | |
| | | </el-scrollbar> |
| | | <div style="position: absolute;bottom: 20px;left: 30px;"> |
| | | <div> |
| | | <el-button type="text">新凯迪制造V1.0.01</el-button> |
| | | <el-button v-if="$store.state.app.sidebar.opened" type="text" style="font-size: 14px;cursor: pointer">新凯迪制造V1.0.01</el-button> |
| | | <!-- <el-button type="text"><a href="http://www.ykxkd.com/" target="_blank">新凯迪制造V1.0.01</a></el-button>--> |
| | | </div> |
| | | </div> |
| | |
| | | </script> |
| | | <style lang="scss"> |
| | | $main_color: #42b983; |
| | | |
| | | .layoutLogo { |
| | | position: absolute; |
| | | top: 5px; |
| | | z-index: 10; |
| | | left: 5px; |
| | | width: 200px; |
| | | height: 90px; |
| | | background: url("../../../assets/images/layout_logo.png") no-repeat; |
| | | } |
| | | |
| | | .scrollbarWrapperClass { |
| | | margin-top: 90px; |
| | | height: calc(85% - 45px) !important; |
| | | } |
| | | |
| | | .el-button--text, .el-button--text.is-disabled, .el-button--text.is-disabled:focus, .el-button--text.is-disabled:hover, .el-button--text:active { |
| | | color: white; |
| | | font-size: 18px; |
| | |
| | | color: #ffffff; |
| | | cursor: default; |
| | | } |
| | | |
| | | .el-menu{ |
| | | background-color: #213145 !important; |
| | | } |
| | | </style> |