分类：点击反馈

2021
07-26

vue实现水波涟漪效果的点击反馈指令

目录水波效果来看实现定制一个水波纹默认样式计算水波纹的位置和直径鼠标按下时创建水波鼠标抬起时销毁水波通过指令binding去扩展你的水波选项写在最后水波效果当用户点击时，会以点击中心为圆心产生一个水波扩散的涟漪效果，适用各个场景，美观又不浮夸，关键是可以给用户带来很直观的反馈。来看实现首先这里基于Vue3自定义指令进行封装，Vue3的自定义指令跟Vue2相比变动不是很大，。我们的目标是完成一个水波指令的基本原型，这... 继续阅读 >