f248ca05
 Zhang Zhuo
初始化版本 -张卓
|
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
|
#### React 17版本以上的组件封装
##### flv播放器封装
介绍：支持大屏适配宽度高度百分百，支持视频切换。
解释：只需要传入不同的videoUrl
使用：
```react
import {FlvCom} from "zzreact"
export default class App extends Component {
constructor() {
super();
this.state = {
vidoeUrl: ""
}
}
render() {
let {vidoeUrl} = this.state
return <FlvCom vidoeUrl={vidoeUrl}></FlvCom>
}
}
```
##### time时间组件封装
介绍：用来大屏展示时间用
解释：可以加入className来自行改变样式
使用：
```react
import {Timer} from "zzreact"
export default class App extends Component {
render() {//通过下面的className写在css中样式就会生效
//type可以不传默认YYYY-MM-DD HH:mm:ss
//也可以改变，规则和moment.js中format的规则一致
return (<div>
<Timer className="timerComCssss" type="YYYY-MM-DD HH:mm:ss"></Timer>
<Timer className="timerComCssss"></Timer>
</div>)
}
}
```
|
