[Update] 修改logo

This commit is contained in:
ibuler
2020-03-20 18:56:34 +08:00
parent 34a6c08f2d
commit 695e23b423
5 changed files with 16 additions and 8 deletions

View File

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 21 KiB

View File

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View File

@@ -3,11 +3,11 @@
<transition name="sidebarLogoFade"> <transition name="sidebarLogoFade">
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/"> <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
<img v-if="logo" :src="logo" class="sidebar-logo"> <img v-if="logo" :src="logo" class="sidebar-logo">
<h1 v-else class="sidebar-title">{{ title }} </h1> <h1 v-else class="sidebar-title">{{ title }}</h1>
</router-link> </router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/"> <router-link v-else key="expand" class="sidebar-logo-link" to="/">
<img v-if="logo" :src="logo" class="sidebar-logo"> <img v-if="logoText" :src="logoText" class="sidebar-logo-text">
<h1 class="sidebar-title">{{ title }} </h1> <!-- <h1 class="sidebar-title">{{ title }}</h1>-->
</router-link> </router-link>
</transition> </transition>
</div> </div>
@@ -24,8 +24,9 @@ export default {
}, },
data() { data() {
return { return {
title: 'Vue Admin Template', title: 'JumpServer',
logo: 'https://wpimg.wallstcn.com/69a1c46c-eb1c-4b46-8bd4-e9e686ef5251.png' logoText: require('@/assets/img/logo-text.png'),
logo: require('@/assets/img/logo.png')
} }
} }
} }
@@ -58,6 +59,13 @@ export default {
width: 32px; width: 32px;
height: 32px; height: 32px;
vertical-align: middle; vertical-align: middle;
margin-right: 0;
}
& .sidebar-logo-text {
width: 165px;
height: 50px;
vertical-align: middle;
margin-right: 12px; margin-right: 12px;
} }

View File

@@ -71,7 +71,7 @@ export const constantRoutes = [
] ]
}, },
{ {
path: '/assets/', path: '/static/',
component: Layout, component: Layout,
name: 'assets', name: 'assets',
meta: { title: 'assets', icon: 'user' }, meta: { title: 'assets', icon: 'user' },
@@ -147,7 +147,7 @@ export const constantRoutes = [
meta: { title: 'perms', icon: 'user' }, meta: { title: 'perms', icon: 'user' },
children: [ children: [
{ {
path: 'assets-permissions', path: 'static-permissions',
name: 'assetPermissionList', name: 'assetPermissionList',
component: () => import('@/views/table/index'), component: () => import('@/views/table/index'),
meta: { title: 'assetPermissionList' } meta: { title: 'assetPermissionList' }

View File

@@ -26,7 +26,7 @@ module.exports = {
*/ */
publicPath: '/', publicPath: '/',
outputDir: 'dist', outputDir: 'dist',
assetsDir: 'static', assetsDir: 'assets',
lintOnSave: process.env.NODE_ENV === 'development', lintOnSave: process.env.NODE_ENV === 'development',
productionSourceMap: false, productionSourceMap: false,
devServer: { devServer: {