Js如何实现一个累加上漂浮动画

前言

之前,看到一个比较有意思的小程序,就是静神木鱼,可以实现在线敲木鱼,自动敲木鱼,手盘佛珠,静心颂钵的

整个小程序功能比较小巧,大道之简,风靡过一阵的,而且赚得盆满钵满的,下面就实现一下这个小程序中敲木鱼的例子的

01

具体示例

https://coder.itclan.cn/fontend/js/44-leijia/

可点击文末左下角阅读原文

02

具体代码

示例代码如下所示

<template>
  <div class="leijia-wrap">
        <div class="leijia-content">
             <h2>静神木鱼</h2>
             <div class="text">{
   {count}}<span class="animatetip" v-show="isTip">功德+1</span></div>
             <div class="btn">
                 <el-button type="primary" size="mini" @click="handleClick" ref="btnClick">敲击</el-button>
                 <el-button type="primary" size="mini" @click="handleVoince" ref="btnJinYin">{
   {isVoince