/TypeMachine

React 模拟打字组件

Primary LanguageJavaScript

TypeMachine 是一个 React 组件，通过简单的配置就能实现打字效果。

Usage

npm install type-machine

import React form 'react'
import TypeMachine from 'type-machine'

class Demo extends React.Component {
  render () {
    const texts = [
        [{ string: '第一行', color: 'red' }],
        [{ string: '第二行' }, { string: '同行换色', color: 'yellow' }]
      ]
    return (
      <TypeMachine texts={texts} speed={500} defaultColor='#BBB' />
    )
  }
}
export default Demo

API

参数 类型
texts Array
speed Number
defaultColor String

texts

texts = [
  [{string: ‘第一行’}],
  [{string: ‘第二行’}, {string: '同行变色’, color: ‘red’}],
  [string: ‘换行变色’, color: ‘yellow']
]

speed

两个字符间隔时间(ms)

defaultColor

rgb(a, b, c) || #FFF || black