多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# 组件名:hs-classify-menu ### 作者:佘威 ### 效果: ![](https://img.kancloud.cn/d7/ad/d7adb9ed6f8425151e9e45462f20c738_1412x205.png) ### 文件位置: ``` @/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 | - |