uniapp双击点赞

在uni-app中实现双击点赞功能可以通过以下步骤进行操作：

1. 首先，在likesCom.vue文件中，给点赞图标添加一个点击事件，用来触发点赞操作。可以使用`@click`指令来绑定点击事件。

2. 在data中添加一个变量`lastClickTime`，用来记录上一次点击的时间戳。

3. 在点击事件的处理函数中，判断当前点击的时间戳与上一次点击的时间戳的差值。如果差值小于一定的阈值（比如500毫秒），则认为是双击操作，执行点赞逻辑；否则，只执行单击操作。

4. 在点赞逻辑中，可以根据需求进行相应的操作，比如增加点赞数、改变点赞图标的样式等。

下面是一个示例代码：

<template>
  <view class="likes-container">
    <u-icon
      v-for="(item, index) in likesData"
      :class="['icon-default', `${item.animate}`]"
      :name="item.name"
      :color="item.color"
      :key="item.id"
    ></u-icon>
    <u-icon
      class="icon-style"
      color="#fc5531"
      name="heart-fill"
      @click="handleLike"
    ></u-icon>
  </view>
</template>

<script>
import _ from 'lodash';

export default {
  data() {
    return {
      likesData: [],
      lastClickTime: 0
    };
  },
  methods: {
    randomNum(min, max) {
      return Math.floor(Math.random() * (max - min)) + min;
    },
    getLikeParams() {
      // ...原来的获取参数事件
    },
    handleLike() {
      const currentTime = new Date().getTime();
      if (currentTime - this.lastClickTime < 500) {
        // 双击操作
        // 执行点赞逻辑，比如增加点赞数、改变点赞图标的样式等
        // ...
      } else {
        // 单击操作
        // ...
      }
      this.lastClickTime = currentTime;
    },
    createLikes: _.throttle(function() {
      // ...原来的点击事件
    }, 10)
  }
};
</script>

<style lang="scss" scoped>
// 原来的样式代码
</style>

通过以上步骤，你可以在uni-app中实现双击点赞功能。根据点击时间戳的差值，可以判断用户是进行了单击操作还是双击操作，并根据需求执行相应的逻辑。