# 组件名：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 | | 是 | |