提交 e42ddc08 authored 作者: 龙菲's avatar 龙菲

修复首页在底部刷新navbar不显示的缺陷

上级 53b3fc40
...@@ -4,11 +4,11 @@ ...@@ -4,11 +4,11 @@
id="navbar" id="navbar"
> >
<div class="container"> <div class="container">
<div class="logo-container wow animate__animated animate__fadeInLeft"> <div class="logo-container animate__animated animate__fadeInLeft">
<img src="@/assets/imgs/home/logo.png" /> <img src="@/assets/imgs/home/logo.png" />
</div> </div>
<div class="right"> <div class="right">
<div class="tabs wow animate__animated animate__fadeInUp"> <div class="tabs animate__animated animate__fadeInUp">
<div <div
class="tab-item" class="tab-item"
:class="{ :class="{
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<router-link :to="item.path">{{ item.name }} </router-link> <router-link :to="item.path">{{ item.name }} </router-link>
</div> </div>
</div> </div>
<div class="tools wow animate__animated animate__fadeInRight"> <div class="tools animate__animated animate__fadeInRight">
<div class="wrapper"> <div class="wrapper">
<el-dropdown trigger="click"> <el-dropdown trigger="click">
<el-button round> <el-button round>
...@@ -172,6 +172,10 @@ export default { ...@@ -172,6 +172,10 @@ export default {
this.$nextTick(() => { this.$nextTick(() => {
this.offsetTop = document.querySelector("#navbar").offsetTop; this.offsetTop = document.querySelector("#navbar").offsetTop;
}); });
// 获取logo-container、tabs、tools
// let logoContainer = document.getElementsByClassName("logo-container")[0];
// let tabs = document.getElementsByClassName("tabs")[0];
// let tools = document.getElementsByClassName("tools")[0];
}, },
methods: { methods: {
initHeight() { initHeight() {
...@@ -219,7 +223,6 @@ export default { ...@@ -219,7 +223,6 @@ export default {
top: 0; top: 0;
left: 0; left: 0;
z-index: 9; z-index: 9;
// background-color: transparent !important;
background-color: rgba(#000, 0.25) !important; background-color: rgba(#000, 0.25) !important;
} }
.header-fixed { .header-fixed {
......
...@@ -113,7 +113,7 @@ const routes = [ ...@@ -113,7 +113,7 @@ const routes = [
// 博物馆详情 // 博物馆详情
{ {
path: '/museum/:id', path: '/museum/:id',
name: 'museum', name: 'museumDetail',
component: () => import('@/views/museum/Detail.vue'), component: () => import('@/views/museum/Detail.vue'),
meta: { meta: {
keepAlive: false keepAlive: false
......
...@@ -7,7 +7,6 @@ import store from '@/store' ...@@ -7,7 +7,6 @@ import store from '@/store'
import { import {
getToken getToken
} from '@/utils/auth' } from '@/utils/auth'
console.log('process.env.VUE_APP_BASE_API',process.env.VUE_APP_BASE_API);
console.log('process.env',process.env); console.log('process.env',process.env);
// create an axios instance // create an axios instance
const service = axios.create({ const service = axios.create({
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论