feat: add ripple demo

[DesignHhuang]

General

add ripple demo #182 添加水波纹示例：closes #182

✏️ Mark the necessary items without changing the structure of the PR template.

• [x] Pull request template structure not broken

Type

ℹ️ What types of changes does your code introduce?

• [x] New feature (non-breaking change which adds functionality)