|
|
|
@ -9,7 +9,7 @@ |
|
|
|
<div class="author" v-if="show_author"></div> |
|
|
|
|
|
|
|
<!-- 轮播 --> |
|
|
|
<div v-if="show_carousel"> |
|
|
|
<div class="carousel" v-if="show_carousel"> |
|
|
|
<a-carousel autoplay> |
|
|
|
<div class="img"><img src="/src/assets/images/nav1.png" alt=""></div> |
|
|
|
<div class="img"><img src="/src/assets/images/nav10.png" alt=""></div> |
|
|
|
@ -354,7 +354,7 @@ const items = ref<MenuProps['items']>([ |
|
|
|
const handleScrollEnabled = ref(true); |
|
|
|
// 定义滚动条滚到一半显示导航菜单 |
|
|
|
const handleScroll = () => { |
|
|
|
if (!handleScrollEnabled.value) return; |
|
|
|
// if (!handleScrollEnabled.value) return; |
|
|
|
const scrollbar = document.querySelector('.simplebar-content-wrapper'); |
|
|
|
if (scrollbar) { |
|
|
|
const scrollOffset = scrollbar.scrollTop; |
|
|
|
@ -367,7 +367,7 @@ const menuClick = ({ item }: { items: any }) => { |
|
|
|
// if (item.title != "首页") { |
|
|
|
show_menu.value = true; |
|
|
|
show_carousel.value = false; |
|
|
|
handleScrollEnabled.value = false; |
|
|
|
// handleScrollEnabled.value = false; |
|
|
|
router.push(item.url) |
|
|
|
} |
|
|
|
|
|
|
|
@ -408,11 +408,6 @@ const gravatarClick = () => { |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
.simplebar-wrapper { |
|
|
|
height: 100vh; |
|
|
|
overflow: auto; |
|
|
|
} |
|
|
|
|
|
|
|
.headerMenu { |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
@ -462,6 +457,10 @@ const gravatarClick = () => { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.carousel img{ |
|
|
|
height: 100vh; |
|
|
|
width: 100vw; |
|
|
|
} |
|
|
|
.anchorDown { |
|
|
|
position: absolute; |
|
|
|
bottom: 100px; |
|
|
|
|
