小程序 wepy-zoom 详细使用案例

Wepy-Zoom是一个用于微信小程序开发的第三方库，它实现了类似Vue.js的`v-bind:zoom`和`v-model:zoom`这样的手势缩放功能。下面是一个简单的使用案例：

<!-- 使用wepy-zoom组件 -->
<w-view class="image-container">
  <img src="your-image-url" wepy-zoom :zoom='zoomValue'>
</w-view>

<script>
import { Component } from 'wepy'
Component({
  /**
   * 组件数据
   */
  data() {
    return {
      zoomValue: 1.0 // 初始缩放值，默认为1，即原始大小
    }
  },
  /**
   * 触发缩放事件
   */
  methods: {
    onZoomChange(e) {
      this.zoomValue = e.detail // 收集用户的手势变化并更新当前缩放比例
    }
  },
})
</script>

在这个例子中，当用户双指放大或缩小图片时，`onZoomChange`方法会被触发，`zoomValue`会相应地改变，图片的大小会根据这个值动态调整。