| | |
| | | <span>回到首页</span> |
| | | </template> |
| | | <div class="logo"> |
| | | <router-link :to="routerLinkTo"> |
| | | |
| | | <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 --> |
| | | <img v-if="navTheme === 'dark'" src="~@/assets/logo-white.png" alt="logo"> |
| | | <img v-else src="~@/assets/logo.svg" alt="logo"> |
| | | <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 --> |
| | | |
| | | <h1 v-if="showTitle">{{ title }}</h1> |
| | | </router-link> |
| | | <img src="~@/assets/icons/logo.png" alt="logo" @click="$router.push('/dashboard/Analysis')"> |
| | | </div> |
| | | </a-tooltip> |
| | | </template> |
| | |
| | | // 点击Logo跳转地址 |
| | | routerLinkTo: { |
| | | type: Object, |
| | | default: () => ({name: 'dashboard'}), |
| | | }, |
| | | default: () => ({ name: 'dashboard' }) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | <style lang="less" scoped> |
| | | /*缩小首页布 局顶部的高度*/ |
| | | @height: 59px; |
| | | @height: 50px; |
| | | |
| | | .sider { |
| | | box-shadow: none !important; |
| | |
| | | height: @height !important; |
| | | line-height: @height !important; |
| | | box-shadow: none !important; |
| | | transition: background 300ms; |
| | | cursor: pointer; |
| | | |
| | | a { |
| | | color: white; |
| | | &:hover { |
| | | color: rgba(255, 255, 255, 0.8); |
| | | } |
| | | img { |
| | | height: @height !important; |
| | | } |
| | | } |
| | | |
| | | &.light .logo { |
| | | background-color: @primary-color; |
| | | background-color: transparent; |
| | | } |
| | | } |
| | | </style> |