diff --git a/src/components/Trumbs/index.vue b/src/components/Trumbs/index.vue
index 4c9553f..116b81f 100644
--- a/src/components/Trumbs/index.vue
+++ b/src/components/Trumbs/index.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="trumbs_container">
     <swiper
+      :navigation="true"
       :slidesPerView="7"
       :freeMode="true"
       :modules="modules"
@@ -40,8 +41,9 @@ import { storeToRefs } from 'pinia'
 import 'swiper/css'
 
 import 'swiper/css/free-mode'
+import 'swiper/css/navigation'
 // import required modules
-import { FreeMode } from 'swiper'
+import { FreeMode, Navigation } from 'swiper'
 
 const detailStore = useDetailStore()
 const { industry_id, hardware_id } = storeToRefs(detailStore)
@@ -49,7 +51,7 @@ const myEmit = defineEmits(['onMySonFunc'])
 const props = defineProps({
   isCase: Boolean,
 })
-const modules = ref([FreeMode])
+const modules = ref([FreeMode, Navigation])
 const viewDetail = index => {
   if (props.isCase) {
     myEmit('onMySonFunc')