本页导航

waves

waves 是一个按钮水波纹指令，基于 node-waves 实现。

基础用法

ts

import { vWaves } from '@qxs-bns/directives'

注册 vWaves 后，即可在模板中使用 v-waves。

示例

loading

常见场景

按钮点击反馈
列表项和卡片的轻交互提示
移动端操作元素的触达反馈

API

Binding Value

属性	说明	类型	默认值
-	-	-	-

Modifiers

修饰符（class）	说明
button	应用于按钮元素
circle	应用于圆形元素
block	应用于块级元素
float	应用于浮动元素
light	应用于浅色背景元素
classic	应用于经典样式元素

方法

方法	说明	参数
-	-	-

注意事项

该指令基于 node-waves，更适合轻量点击反馈，不适合复杂动画编排。
对交互密集页面，建议统一控制修饰符风格，避免同页表现不一致。