Skip to content

v-waves 水波纹

vue
<template>
  <!-- 默认 -->
  <el-button v-waves>按钮</el-button>
  <div v-waves class="block">作用于 div</div>

  <!-- 悬浮 -->
  <el-button v-waves.float> 按钮 </el-button>
  <div v-waves.float class="block">作用于 div</div>

  <!-- 亮色 -->
  <el-button v-waves.light> 按钮 </el-button>
  <div v-waves.light class="block">作用于 div</div>

  <!-- 经典 -->
   <el-button v-waves.classic> 按钮 </el-button>
   <div v-waves.classic class="block">作用于 div</div>
</template>