react-material-ripple:材质纹波ReactJS组件

时间:2024-05-20 06:41:36
【文件属性】:

文件名称:react-material-ripple:材质纹波ReactJS组件

文件大小:681KB

文件格式:ZIP

更新时间:2024-05-20 06:41:36

JavaScript

React物质波纹 一个ReactJS组件,使很棒的组件起伏不定。 安装 它可以作为安装: $ npm install --save react-material-ripple 为什么还有另一个纹波成分? 我使用的所有其他解决方案都尝试通过绑定到touchStart,touchEnd来做一些魔术,这对于响应时间是很好的,但是在现实生活中的应用程序中对我不起作用,因为它们显示出on scroll上的涟漪on scroll这是不良的UX,并导致滚动性能问题。 这个只是简单地听onClick 。 另外,我想在没有包含所有风吹草动的功能齐全的资料库的情况下拥有此功能。 基本用法 导入Ripple组件,并将您的内容作为一个孩子传递: import React from 'react' import Ripple from 'react-material-ripple' ( < Ripple


【文件预览】:
react-material-ripple-master
----.storybook()
--------config.js(443B)
--------webpack.config.js(605B)
--------addons.js(50B)
----components()
--------index.js(76B)
--------Ripple.js(2KB)
--------Ripple.css(976B)
----.gitignore(100B)
----README.md(2KB)
----stories()
--------Ripple.story.js(1KB)
----tests()
--------index.test.js(0B)
--------config()
----docs()
--------iframe.html(569B)
--------index.html(1KB)
--------favicon.ico(7KB)
----.eslintrc(101B)
----package.json(3KB)
----dist()
--------index.js(324B)
--------Ripple.js(4KB)
--------Ripple.css(976B)
----.babelrc(116B)
----LICENSE.md(1KB)
----.eslintignore(62B)
----.npmignore(43B)
----.travis.yml(338B)
----preview.gif(615KB)
----package-lock.json(361KB)

网友评论