新增网站logo显示,文件位于views/layout/components/Sidebar/index.vue
This commit is contained in:
@@ -13,7 +13,6 @@
|
||||
<script>
|
||||
import { Navbar, Sidebar, AppMain, TagsView } from './components'
|
||||
import ResizeMixin from './mixin/ResizeHandler'
|
||||
|
||||
export default {
|
||||
name: 'Layout',
|
||||
components: {
|
||||
|
||||
@@ -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',
|
||||
|
||||
Reference in New Issue
Block a user