新增网站logo显示,文件位于views/layout/components/Sidebar/index.vue

This commit is contained in:
zhengjie
2019-04-17 10:44:28 +08:00
parent 779d7554ea
commit 20b0f6849d
6 changed files with 28 additions and 2 deletions

View File

@@ -13,7 +13,6 @@
<script>
import { Navbar, Sidebar, AppMain, TagsView } from './components'
import ResizeMixin from './mixin/ResizeHandler'
export default {
name: 'Layout',
components: {

View File

@@ -9,6 +9,15 @@
text-color="#bfcbd9"
active-text-color="#409EFF"
>
<!-- 修改logo -->
<el-menu-item :class="{'submenu-title-noDropdown':isCollapse}" index="99999999" style="pointer-events: none;">
<!-- 缩小时显示的logo可以自定义这里直接使用图标库中的 -->
<svg-icon v-if="isCollapse" icon-class="run" />
<!--正常状态下显示的-->
<div class="logo-con">
<img :src="logoImg">
</div>
</el-menu-item>
<sidebar-item v-for="route in permission_routers" :key="route.path" :item="route" :base-path="route.path"/>
</el-menu>
</el-scrollbar>
@@ -17,9 +26,14 @@
<script>
import { mapGetters } from 'vuex'
import SidebarItem from './SidebarItem'
import logoImg from '@/assets/logo/logo.png'
export default {
components: { SidebarItem },
data() {
return {
logoImg: logoImg
}
},
computed: {
...mapGetters([
'permission_routers',