開發了乙個ripple effect元件

2021-09-11 14:54:27 字數 895 閱讀 4737

目前來看網上的除了material-ui的ripple-effect效果很棒以外,其餘的ripple元件都不夠完美。

github位址

專案演示

sowhitesocoll.github.io/dodo-ripple…

yarn add 'dodo-ripple'

複製**

直接當作block使用的時候,會認為是乙個普通的div。

import  from 'dodo-ripple'

"btn">

click here

複製**

也可以用裝飾器的方式,但是只能裝飾react element。

import  from 'dodo-ripple'

const button = withripple(

"btn">click here

)複製**

如果只使用ripple的話會比較麻煩,需要通過ref元件然後手動觸發createripple,並且需要手動寫點樣式。

import  from 'dodo-ripple'

class button extends react.component

render

() = this.props

return (

'btn', 'do-ripple-block', classname)}

onmousedown=

>

"do-ripple-content">

$ripple} ripplecolor="#39f"/>)}}

複製**

特斯拉粉絲開發了乙個約會軟體 僅服務特斯拉車主

程式設計客棧 www.cppcns.com 8月21日 訊息 據business insider報道,加拿大的 e commerce entrepreneur 和特斯拉粉絲abvrcgjitpal grewal專門bvrcg針對特斯拉車主開發了一款約會軟體 tesla datin據了解,這款軟體僅限...

exe觸發了乙個斷點 opencv人臉檢測

利用opencv進行人臉檢測,遇到乙個十分不解的問題,每次程式退出都會觸發斷點,單步除錯無數次根本沒用,最後偶然得以解決,記錄在此,防止後來者踩坑。事情發生在女朋友的電腦上,她之前裝的vs2010,然後我給她推薦vs2013,就裝上vs2013,但是她的c盤太小,空間不夠,就使勁刪,把2010也給解...

已觸發了乙個斷點 vs GDB不同檔案斷點除錯

gdb不同檔案斷點除錯 作為乙個linux下c c 開發人員,除錯工具是必不可少的一項技能,在windows平台,會有很多任務具給我們用,比如vs,自帶很強大的除錯工具。當然,linux平台夜市毫不遜色,gdb工具是乙個非常強大的 除錯工具。今天主要介紹的是gdb在多檔案中的除錯方法,不會一一介紹基...