## 标签展示

## 导入使用
```code[javascript]
import seItemsLayout from "ss-universal-client-web/comp/layout/su-items-layout";
```

### 多标签换行展示
:::demo 
```html
<template>
    <su-items-layout :data="layoutData" :itemHeight="26" :rightWidth="36">
        <template slot="tag" slot-scope="{item}">
            <su-tag :text="item"></su-tag>
        </template>
        <div slot="open">
            展开
        </div>
        <div slot="hide">
            收起
        </div>
    </su-items-layout>
</template>

<script>
    export default {
        components: {
            seItemsLayout,seTag
        },
        data() {
            return {
                layoutData : [ 
                    "我是标签0", "我是标签1", "我是标签2", "我是标签3", "我是标签4", "我是标签5", "我是标签6", "我是标签7", "我是标签8", "我是标签9", "我是标签10", "我是标签11",
                    "我是标签12", "我是标签13", "我是标签14", "我是标签15", "我是标签16", "我是标签17", "我是标签18", "我是标签19", "我是标签20", "我是标签21",
                    "我是标签22", "我是标签23", "我是标签24", "我是标签25", "我是标签26", "我是标签27", "我是标签28", "我是标签29", "我是标签30", "我是标签31",
                    "我是标签32", "我是标签33", "我是标签34", "我是标签35", "我是标签36", "我是标签37", "我是标签38", "我是标签39", "我是标签40", "我是标签41",
                    "我是标签42", "我是标签43", "我是标签44", "我是标签45", "我是标签46", "我是标签47", "我是标签48", "我是标签49" ]
            }
        }
    }
</script>
```
:::

### Attributes
| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|---------- |-------------- |---------- |--------------------------------  |-------- |
| text | 标签文案 | string | — | 标签 |
| color | 标签颜色 | string | — | #FF4436 |
| loading | 加载状态 | boolean | — | false |

### Events
| 事件名称 | 说明 | 回调参数 |
|---------- |-------- |---------- |
| callBack | 标签点击删除回调 | — |