水波纹功能

[ajycc20]

Subject of the issue

当初次进入水波纹页面，点击水波纹组件时，第一次点击正常， 第二次会有一个方形的同按钮大小的 阴影在上方出现 后续水波纹正常显示。

每次切换tab后，进入水波纹页面 第二次点击都会复现。 https://vvbin.cn/next/#/feat/ripple

Your environment

• OS: Mac OS Big Sur 11.1
• Packages:
• Env: Google Chrome: 版本 87.0.4280.141（正式版本） (x86_64)

Steps to reproduce

Tell us how to reproduce this issue. Please provide a working and simplified example.

🎉 BONUS POINTS for creating a minimal reproduction and uploading it to GitHub. This will get you the fastest support. 🎉

Expected behaviour

What should happen?

Actual behaviour

What happens instead?