- 博客(10)
- 收藏
- 关注
原创 【React+Ts】 实现无缝轮播
ts代码import React, { Component,createRef } from 'react'import './index.less'export default class index extends Component { //滑动盒子 slider = createRef<HTMLDivElement>() getslider =()=> this.slider.current as HTMLDivElement; disx:
2022-05-05 20:21:56
410
原创 【React+Ts】窗口拖拽+放大缩小功能
tsx代码:import React, { Component, RefObject } from 'react'import './index.less'interface Iprop { }interface Istate { arr: arr[]}interface arr { id: symbol, txt: string}export default class index extends Component<Iprop, Istate>
2022-03-27 20:38:33
922
原创 React+Ts 两个小球滑动交叉碰撞
tsx:代码import React, { Component } from 'react'import './index.less'export default class index extends Component { // 触摸位置值 disX: number = 0 // 移动时候的值 x: number = 0 // 父元素的宽 px: number = 0 // 获取线 line = React.createRef<HTMLDivElemen
2022-03-25 19:05:46
1149
原创 React滑块控制按钮
tsx:import { Component } from "react";import './index.less';interface Props {}interface State { Num: number, MaxNum: number, // arr:con[] // isActive:aa[]}// interface con{// id:number,// content:number// }// interface aa{// i
2022-03-21 19:09:17
1496
原创 React轮播选项卡
import React, { Component } from 'react'import './index.less'//定义数据类型interface Props { }interface Title { ID: string, CON: string}interface Content { ID: string, CON: string}interface State { BtnIndex: number, TitleList: Title[], C.
2022-03-18 09:14:29
159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人