duanhao/SocialNetworks_duan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

鼠标滚轮-头部删除maxheight

Browse Source
This commit is contained in:
duanhao 2025-08-14 14:55:31 +08:00
parent 579c8c2295
commit 9667e9cef6
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/Navigation/index.vue
View File

@ -36,6 +36,7 @@
:space-between="32"
:loop="true"
:speed="500"
:mousewheel="true"
navigation
:pagination="{ clickable: true }"
:preventClicksPropagation="true"
@ -77,7 +78,8 @@
<script setup>
import { ref } from "vue"
import { Swiper, SwiperSlide } from "swiper/vue"
import { Navigation, Pagination, EffectCoverflow } from "swiper/modules"
import { Navigation, Pagination, EffectCoverflow, Mousewheel } from "swiper/modules"
import { useRouter } from "vue-router" // 引入路由钩子
// Swiper 样式
@ -85,7 +87,7 @@ import "swiper/css"
import "swiper/css/navigation"
import "swiper/css/pagination"
const modules = [Navigation, Pagination, EffectCoverflow]
const modules = [Navigation, Pagination, EffectCoverflow, Mousewheel]
// 10 个导航项（按你的要求）
const navItems = ref([
@ -194,10 +196,8 @@ const onSetTransition = (swiper, duration) => {
justify-content: center;
align-items: center;
.header-image {
max-width: 100%;
height: 100%;
object-fit: contain;
max-height: 100px;
}
}