# 組件名：hs-classify-menu ### 作者：佘威 ### 效果：  ### 文件位置： ``` @/components/menu/hs-classify-menu.vue ``` ### 使用方式： ``` <!-- 在對應頁面使用 --> ????????<!--?分類組件?--> <hsClassifyMenu?:option="['classify']"?:classify='classifyTypeList'?@onClickClassify="onClickClassify"?/> ? ?<div?class="line"></div> ??????? ? <hsClassifyMenu?:option="['IntelligentSorting']"?:IntelligentSorting='IntelligentSortingList'?? ??????????@IntelligentSortings="IntelligentSorting"/> ? data () { return { list:[ classifyTypeList:[],//項目類型數據 IntelligentSortingList:[]//排序數據 ], } }, // 樣式 .line { width: 100% ; height: 1px; background-color: rgba(0, 0, 0, .1); } ``` ### 說明： 需要安裝element-china-area-data，中國行政數據組件 ### 參數： | 參數 | 作用 | 類型 | 默認 | 是否必傳 | 屬性 | | --- | --- | --- | --- | --- | --- | | title | 標題 | String | 項目類型 | true | - | | map | 進入地圖按鈕 | String | ‘’ | false | - | | date | 日期 | String | ‘’ | false | - | | title | 標題 | String | 項目類型 | true | - | | option | 組件類型| string | - | true | 'date',?'classify',?'activity',?'activityType',?'region',?'venueType',?'projectType',?'IntelligentSorting',?'projectLevel' | | classify | 分類 | Array | [] | false | - | | activity | 活動 | Array | [] | false | - | | activityType | 活動類型 | Array | [] | false | - | | region | 地區 | Array | [] | false | - | | isShowRegion | 是否顯示地區 | Boolean | false | false | - | | venueType | 場館類型 | Array | [] | false | - | | projectType | 項目類型 | Array | [] | false | - | | IntelligentSorting | 智能排序 | Array | [] | false | - | | projectLevel | 項目級別 | Array | [] | false | - |