# 組件名：hsType（分類組件） ### 作者：屈磊 ### 效果：   ## 使用方式： ``` import hsType from './commons/hs-type.vue' <!-- 在對應頁面使用 --> <hsType @onClickClassify="onClickClassify" /> <hsType @onClickClassify="onClickClassify" /> <hsType :custom-text="customText" @clickShow="clickShow" @onClickClassify="onClickClassify" /> 數據： ?classify:[{ id:?0, value:?'', ?text:?'全部' ?},{ ?id:?1, ?value:?'1', text:?'海賊王' },] ?```????????????? ???????????????????????????????????? ### 說明： <!--clickShow 點擊展開收起 （自定義文字時調用，默認文字時候 不需要） --> clickShow(res) { this.customText = res ? '修改后文字' : '自定義文字' }, <!--c分類點擊事件 --> onClickClassify(item, index) { console.log('Observer：', item, index) } ``` ### 注意： 使用組件時請清除組件的默認數據 classify 為了確保頁面拖動事件生效，請在數據接收成功后調用組件 ### 參數： | 參數 | 作用 | 類型 | 默認 | 是否必傳 | 屬性 | | --- | --- | --- | --- | --- | --- | | classify | 分類數據 | Array | | 是 | | | typeLabel | 分類名稱 | String | 分類名稱 | 是 | | | customText | 自定義文字 | String | 展開 | 否 | |