Press Plus

# Ripple 波纹

波纹动效，可结合卡片、按钮等使用。

# 引入

import PressRipple from 'press-plus/press-ripple/press-ripple';

export default {
  components: {
    PressRipple,
  }
}

# 代码演示

# 基础用法

<PressRipple @click="click">
  <div>按钮</div>
</PressRipple>

export default {
  methods: {
    click() {},
  },
}

# API

# Props

参数 说明 类型 默认值
ripple-z-index 波纹层级 number 1
disabled 是否禁用 boolean false
custom-style 根元素自定义样式 string -
custom-class 根元素自定义类名 string -
animation 动画类型，scale 放大，skewX 斜切 string scale
ripple-background 波纹背景色 string rgba(255, 255, 255, 0.6)
none-ripple-background 无波纹时的背景色 string rgba(0, 0, 0, 0)

# Events

事件名 说明 参数
click 点击 -

← Turntable →