---
order: 17
group:
  title: 文本
  order: 40
---

## 多行文本

```tsx
import React, { useEffect } from 'react';
import * as Charts from 'edata-charts';

const props ={
  text:'css3中@keyframes是写死的，如果需要动态修改则需要js，其实操作起来也很简单，只是一些用到了一些不常用的api'+
"1、获取页面样式表并查找keyframes所在的styleSheet"+
"2、删除原来的styleSheet里的动画帧"+
"3、添加js动态修改过后的动画帧"+
"实现三个步骤的代码"+
"1、关于获取styleSheet这里给出了一个通用方法'"
}

export default () => (
    <Charts.MoreText {...props} />
);
```

## API

| 参数  | 说明                   | 类型   |
| ----- | ---------------------- | ------ |
| size  | 容器的宽高             | object |
| text  |  文本内容 | string |
| textStyle |  文本样式 | object |
| lineHeight | 文本行高           | number  |
| textAlign | 文字对齐方式        | string  |
| textIndent | 首行缩进        | number  |
| isScroll | 超出轮播        | boolean  |

### size

| 参数   | 说明 | 类型           |
| ------ | ---- | -------------- |
| width  | 宽度 | number\|string |
| height | 高度 | number\|string |