uniapp 点击事件触发图片左右抖动

要实现在UniApp中点击事件触发图片左右抖动效果，你可以使用CSS的动画和Vue的事件绑定来实现。

首先，在页面的样式文件中定义一个动画效果，比如`shake`：

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-10px); }
  75% { transform: translateX(10px); }
  100% { transform: translateX(0); }
}

然后，在模板文件中，使用`@click`事件绑定一个方法，并给图片添加一个class绑定该方法：

<template>
  <view>
    <image @click="shakeImage" :class="{ 'shake': isShaking }" src="your-image-src"></image>
  </view>
</template>

接下来，在Vue组件的script中，定义`isShaking`变量和`shakeImage`方法：

<script>
export default {
  data() {
    return {
      isShaking: false
    };
  },
  methods: {
    shakeImage() {
      this.isShaking = true;
      setTimeout(() => {
        this.isShaking = false;
      }, 1000); // 设置一个适当的时间，让图片停止抖动
    }
  }
};
</script>

最后，通过控制`isShaking`变量的值，切换图片的class，从而触发图片的左右抖动效果。

注意，需要根据实际情况修改代码中的图片路径和动画效果细节。