- 博客(10)
- 收藏
- 关注
RSS订阅
2原创 【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
486
原创 【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
1020
原创 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
1196
原创 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
1600
原创 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
204
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人