# 組件名：hsNavMenu（導航菜單組件） ### 作者：屈磊 ### 效果：   ## 使用方式： ``` import?hsNavMenu?from'./menus/hs-nav-menu.vue' <!-- 在對應頁面使用 --> <hsNavMenu :menuList="menuList" v-if="menuList.length"/> 數據： menuList: [ { title: "首頁", name: "index" }, { title: "多級導航", name: "leven", leven1: [ { title: "多級導航1-1", name: "leven1-1" }, { title: "多級導航1-2", name: "leven1-2" }, { title: "多級導航1-3", name: "leven1-3" }, ], leven2: { title: "多級導航2", name: "leven2", children: [ { title: "多級導航2-1", name: "leven2-1" }, { title: "多級導航2-2", name: "leven2-2" }, { title: "多級導航3-3", name: "leven2-3" }, ], }, }, { title: "新聞資訊", name: "newsMes" }, { title: "視聽空間", name: "AVSpace" }, { title: "文化直播", name: "cultureLive" }, { title: "慕課培訓", name: "lessonTrain" }, { title: '活動預約', name: 'activityMap' }, { title: '場館導航', name: 'venueNav' }, { title: '志愿服務', name: 'volunteer' }, { title: '子站聯盟', name: 'culturalSon' }, ], title：顯示的文字 ，name：匹配選中的導航欄 ### 說明： 導航欄 會根據屏幕寬度 折疊導航,根據自己項目改寫js 具體看 監聽屏幕變化的事件 ``` ### 參數： | 參數 | 作用 | 類型 | 默認 | 是否必傳 | 屬性 | | --- | --- | --- | --- | --- | --- | | menuList | 導航數據 | Array | | 是 | |