### List 列表 列表組件，組件名：`ts-list`、`ts-list-item`。 **使用方式：** 在`script`中引用組件 ~~~ import tsList from "./components/teaset/components/ts-list/ts-list.vue"; import tsListItem from "./components/teaset/components/ts-list/ts-list-item.vue"; export default { components: {tsList ,tsListItem } } ~~~ List 一般用法 ~~~ <ts-list> <ts-list-item title="標題文字" show-arrow="false"></ts-list-item> <ts-list-item title="標題文字"></ts-list-item> <ts-list-item title="標題文字" :show-badge="true" badge-text="12"></ts-list-item> <ts-list-item title="禁用狀態" :disabled="true" :show-badge="true" badge-text="12"></ts-list-item> </ts-list> ~~~ 帶描述信息 ~~~ <ts-list> <ts-list-item title="標題文字" note="描述信息"></ts-list-item> <ts-list-item title="標題文字" note="描述信息" :show-badge="true" badge-text="12"></ts-list-item> </ts-list> ~~~ 包含圖片 ~~~ <ts-list> <ts-list-item title="標題文字" thumb="http://img-cdn-qiniu.dcloud.net.cn/new-page/hx.png"></ts-list-item> </ts-list> ~~~ 包含圖標 ~~~ <ts-list> <ts-list-item title="標題文字" show-extra-icon="true" :extra-icon="{color: '#4cd964',size: '22',type: 'spinner'}"> </ts-list-item> </ts-list> ~~~ 顯示Switch ~~~ <ts-list> <ts-list-item title="標題文字" show-switch="true" show-arrow="false"></ts-list-item> </ts-list> ~~~ **tsListItem 屬性說明：** | 屬性名 | 類型 | 默認值 | 說明 | | --- | --- | --- | --- | | title | String | \- | 標題 | | note | String | \- | 描述 | | disabled | Boolean | false | 是否禁用 | | show-arrow | Boolean | true | 是否顯示箭頭圖標 | | show-badge | Boolean | false | 是否顯示數字角標 | | badge-text | String | \- | 數字角標內容 | | badge-type | String | \- | 數字角標類型，參考[Badge 數字角標](https://ext.dcloud.net.cn/plugin?id=21) | | show-switch | Boolean | false | 是否顯示Switch | | switch-checked | Boolean | false | Switch是否被選中 | | show-extra-icon | Boolean | false | 左側是否顯示擴展圖標 | | extra-icon | Object | \- | 擴展圖標參數，格式為`{color: '#4cd964',size: '22',type: 'spinner'}`，參考[Iocn 圖標](https://ext.dcloud.net.cn/plugin?id=28) | | thumb | String | \- | 左側縮略圖，若thumb有值，則不會顯示擴展圖標 | **tsListItem 事件說明：** | 事件稱名 | 說明 | 返回參數 | | --- | --- | --- | | click | 點擊 tsListItem 觸發事件 | \- | | switchChange | 點擊切換 Switch 時觸發 | {value:checked} |