求教各位大牛微信小程序让按钮出现红色的动态+1的点击效果！！

[godgreed]

求教各位大牛微信小程序让按钮出现红色的动态+1的点击效果！！

[Logerlink]

"+1"是一个符号悬浮在按钮的右上角???

[似梦飞花]

<view class='add {{move}}'>+1</view>
<button bindtap='add'>{{num}}</button>

@keyframes move{
  0%{
    opacity: 1;
    transform: translateY(100%);
  }
  100%{
    opacity: 0;
    transform: translateY(-400%);
  }
}
.move{
  animation: move 1s linear 0s forwards;
}
.add{
  font-size: 12px;
  color: red;
  transform: translateY(100%);
  opacity: 0;
}


Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    num:0
  },

  /**
   * 组件的方法列表
   */
  methods: {
    add:function(){
      const {num}=this.data;
      this.setData({
        num: num + 1,
        move: 'move'
      });
      setTimeout(()=>{
        this.setData({
          move: ''
        });
      },1000);
    }
  }
})

大体这样试试

[godgreed]

谢谢各位大佬已经解决了！