基于 Material Design 3 和 Web Components 的全新 mdui 2 现已发布，前往查看 mdui 2 开发文档。

下载

添加涟漪效果后，会在点击元素时产生向外扩散的水波纹效果。

只需添加类 <code>.mdui-ripple</code> 即可生效。

指定涟漪颜色

如果要在 <code>img</code>、<code>input</code> 等无法包含子元素的标签上使用涟漪效果，需要将 <code>.mdui-ripple</code> 添加到其父元素上。

可通过添加类 <code>.mdui-ripple-[color]</code> 来指定涟漪颜色。

<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/css/mdui.min.css">

<script src="https://unpkg.com/[email protected]/dist/js/mdui.min.js"></script>

npm install mdui --save

yarn add mdui