mirror of
https://gitee.com/mlogclub/bbs-go.git
synced 2025-12-06 13:59:05 +08:00
修改LOGO
This commit is contained in:
mlogclub
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
BIN
admin/src/assets/images/logo364x364.png
Normal file
BIN
admin/src/assets/images/logo364x364.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.8 KiB |
@@ -1,63 +0,0 @@
|
||||
<template>
|
||||
<!--
|
||||
<el-menu
|
||||
class="el-menu-demo"
|
||||
mode="horizontal"
|
||||
background-color="#1e80ff"
|
||||
text-color="#fff"
|
||||
active-text-color="#fff"
|
||||
router
|
||||
>
|
||||
<el-menu-item index="1">
|
||||
处理中心
|
||||
</el-menu-item>
|
||||
</el-menu>
|
||||
-->
|
||||
<div class="header-menu">
|
||||
<div class="header-menu-logo"><strong>BBS-GO</strong> 管理平台</div>
|
||||
<div class="header-menu-user">
|
||||
<div data-v-d3d800ae="" class="avatar" />
|
||||
<el-dropdown>
|
||||
<span class="el-dropdown-link">
|
||||
用户名<i class="el-icon-arrow-down el-icon--right" />
|
||||
</span>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item>退出登录</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.header-menu {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #e4e7f0;
|
||||
height: 59px;
|
||||
.header-menu-logo {
|
||||
height: 33px;
|
||||
margin-left: 25px;
|
||||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.header-menu-user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: auto 33px auto auto;
|
||||
|
||||
.avatar {
|
||||
margin-right: 10px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 50%;
|
||||
border-color: #e4e7f0;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,97 +0,0 @@
|
||||
<template>
|
||||
<el-container class="layout">
|
||||
<el-header class="layout-header">
|
||||
<header-menu />
|
||||
</el-header>
|
||||
<el-container class="layout-container" :style="{ height: layoutContainerHeight }">
|
||||
<el-aside class="layout-aside">
|
||||
<side-menu />
|
||||
</el-aside>
|
||||
<el-main class="layout-main">
|
||||
<router-tab :tabs="tabs" />
|
||||
</el-main>
|
||||
</el-container>
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import HeaderMenu from "@/components/layout/HeaderMenu";
|
||||
import SideMenu from "@/components/layout/SideMenu";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
HeaderMenu,
|
||||
SideMenu,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
tabs: ["/"],
|
||||
layoutContainerHeight: "100%",
|
||||
routeConfigs: [],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
const me = this;
|
||||
me.handleLayoutContainerHeight();
|
||||
window.onresize = () => {
|
||||
me.handleLayoutContainerHeight();
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
handleLayoutContainerHeight() {
|
||||
this.layoutContainerHeight = `${document.documentElement.offsetHeight - 60}px`;
|
||||
console.log(document.documentElement.offsetHeight);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.layout {
|
||||
.layout-header {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.layout-container {
|
||||
.layout-aside {
|
||||
width: 220px !important;
|
||||
|
||||
.layout-menu {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.layout-main {
|
||||
padding: 0;
|
||||
|
||||
.router-tab {
|
||||
height: 100%;
|
||||
|
||||
.router-tab__header {
|
||||
.router-tab__nav {
|
||||
width: 100%;
|
||||
|
||||
.router-tab__item {
|
||||
color: #495060;
|
||||
&.is-active {
|
||||
background-color: #f3f6fe;
|
||||
color: #000;
|
||||
border-bottom: none;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.router-tab__container {
|
||||
background-color: #f3f6fe;
|
||||
|
||||
.router-alive {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,67 +0,0 @@
|
||||
<template>
|
||||
<el-menu class="layout-menu" router>
|
||||
<!-- <el-menu-item index="/home">-->
|
||||
<!-- 首页-->
|
||||
<!-- </el-menu-item>-->
|
||||
<!-- <el-menu-item index="/about">-->
|
||||
<!-- 关于-->
|
||||
<!-- </el-menu-item>-->
|
||||
|
||||
<sidebar-menu-item
|
||||
v-for="route in routes"
|
||||
:key="route.path"
|
||||
:item="route"
|
||||
:base-path="route.path"
|
||||
/>
|
||||
</el-menu>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import path from "path";
|
||||
import SidebarMenuItem from "@/components/layout/SidebarMenuItem";
|
||||
|
||||
export default {
|
||||
components: { SidebarMenuItem },
|
||||
computed: {
|
||||
routes() {
|
||||
return this.$router.options.routes;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
hasOneShowingChild(children = [], parent) {
|
||||
const showingChildren = children.filter((item) => {
|
||||
if (item.hidden) {
|
||||
return false;
|
||||
}
|
||||
// Temp set(will be used if only has one showing child)
|
||||
this.onlyOneChild = item;
|
||||
return true;
|
||||
});
|
||||
|
||||
// When there is only one child router, the child router is displayed by default
|
||||
if (showingChildren.length === 1) {
|
||||
return true;
|
||||
}
|
||||
|
||||
// Show parent if there are no child router to display
|
||||
if (showingChildren.length === 0) {
|
||||
this.onlyOneChild = { ...parent, path: "", noShowingChildren: true };
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
},
|
||||
resolvePath(routePath) {
|
||||
// if (isExternal(routePath)) {
|
||||
// return routePath;
|
||||
// }
|
||||
// if (isExternal(this.basePath)) {
|
||||
// return this.basePath;
|
||||
// }
|
||||
return path.resolve(this.basePath, routePath);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
@@ -1,56 +0,0 @@
|
||||
<template>
|
||||
<el-menu
|
||||
router
|
||||
:default-active="$route.path"
|
||||
class="layout-menu"
|
||||
@open="handleOpen"
|
||||
@close="handleClose"
|
||||
>
|
||||
<template v-for="(item, index) in $router.options.routes">
|
||||
<el-submenu
|
||||
v-if="!item.hidden && item.children && item.children.length > 0"
|
||||
:key="item.path"
|
||||
:index="'root-' + index"
|
||||
>
|
||||
<template slot="title">
|
||||
<i
|
||||
v-if="item.meta && item.meta.icon"
|
||||
:class="item.meta.icon"
|
||||
/>
|
||||
<span slot="title">{{ item.meta ? (item.meta.title || '无标题') : '无标题' }}</span>
|
||||
</template>
|
||||
<template v-for="child in item.children">
|
||||
<el-menu-item
|
||||
v-if="!child.hidden"
|
||||
:key="child.path"
|
||||
:index="child.path"
|
||||
>
|
||||
<i
|
||||
v-if="child.meta && child.meta.icon"
|
||||
:class="child.meta.icon"
|
||||
/>
|
||||
{{ child.meta ? (child.meta.title || '无标题') : '无标题' }}
|
||||
</el-menu-item>
|
||||
</template>
|
||||
</el-submenu>
|
||||
</template>
|
||||
</el-menu>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'SideMenu',
|
||||
computed: {
|
||||
},
|
||||
methods: {
|
||||
handleOpen() {},
|
||||
handleClose() {},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.side-menu {
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
@@ -1,25 +0,0 @@
|
||||
<template>
|
||||
<div />
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
// route object
|
||||
item: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
isNest: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
basePath: {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
@@ -30,7 +30,7 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
title: defaultSettings.title,
|
||||
logo: "https://wpimg.wallstcn.com/69a1c46c-eb1c-4b46-8bd4-e9e686ef5251.png",
|
||||
logo: require("@/assets/images/logo364x364.png"),
|
||||
};
|
||||
},
|
||||
};
|
||||
|
||||
@@ -35,14 +35,6 @@
|
||||
>个人资料</nuxt-link
|
||||
>
|
||||
</div>
|
||||
<div class="sidebar-menu-item">
|
||||
<nuxt-link
|
||||
v-if="isOwnerOrAdmin"
|
||||
class="sidebar-menu-item"
|
||||
to="/admin"
|
||||
>后台管理</nuxt-link
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-else>
|
||||
|
||||
@@ -74,9 +74,6 @@
|
||||
<nuxt-link class="navbar-item" to="/user/profile">
|
||||
<i class="iconfont icon-username" /> 个人资料
|
||||
</nuxt-link>
|
||||
<nuxt-link v-if="isOwnerOrAdmin" class="navbar-item" to="/admin">
|
||||
<i class="iconfont icon-dashboard" /> 后台管理
|
||||
</nuxt-link>
|
||||
<a class="navbar-item" @click="signout">
|
||||
<i class="iconfont icon-log-out" /> 退出登录
|
||||
</a>
|
||||
|
||||
Reference in New Issue
Block a user