add news

src/components/blogs/HomePage.vue

@@ -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;