<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->

- [tsl-dynamic 动态组件](#tsl-dynamic-%E5%8A%A8%E6%80%81%E7%BB%84%E4%BB%B6)
  - [字段解释](#%E5%AD%97%E6%AE%B5%E8%A7%A3%E9%87%8A)
    - [type](#type)
    - [is](#is)

<!-- END doctoc generated TOC please keep comment here to allow auto update -->

# tsl-dynamic 动态组件

组件内容支持动态可配置

## 字段解释

```
// 组件定义

{
        "componentId": "12d2283020cd11ec816bf73478b6ed02",
        "style": {
            "width": "300px",
            "height": "30px",
            "color": "#2D7CFF",
            "fontSize": "22px",
            "fontWeight": 600,
            "borderRadius": "6px",
            "position": "absolute",
            "pointer-events": "auto",
            "zIndex": 10,
            "left": "300px",
            "top": "300px"
        },
        "type": "widget",
        "text": "",
        "is": "tsl-clock",
        "name": "tsl-clock"
}

```

### type

title | button | img | elementui

| 参数   | 解释 |
| ------ | ---- |
| title  | 标题 |
| button | 按钮 |
| img    | 图片 |
| chart  | 图表 |

### is

button | tsl-icon
