uni.previewImage缩放不平滑因其调用原生zoom接口无过渡动画，需用movable-view+transform手动实现：设scale-min/max、加transition、动态计算transform-origin、同步缩放状态防重置。
uni.previewImage 为什么缩放不平滑
uni.previewImage 默认缩放是原生 WebView 的硬切换，没有过渡动画，视觉上就是“咔哒”一下放大或缩小。这不是你配置错了，而是它底层没走 CSS transform 动画流程，而是直接调用系统图片查看器的 zoom 接口。H5 端尤其明显，iOS 和部分安卓 WebView 还会因 viewport 缩放限制直接禁用双指手势。
用 movable-view + transform 实现平滑缩放
要真正控制缩放节奏和视觉反馈，得绕过 uni.previewImage，用 movable-area + movable-view 搭配 CSS transform: scale() 手动实现。关键不是“能缩”，而是“缩得顺”：
-
movable-view必须设scale="true"且显式声明scale-min和scale-max（比如scale-min="1"、scale-max="3"） - 给
movable-view加transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94)—— 别用ease，它开头太慢，结尾拖尾 - 缩放中心点必须动态计算：双击时取
event.touches[0].clientX/Y，结合getBoundingClientRect()算出相对于图片左上角的坐标，再设为transform-origin，否则会偏移 - 每次缩放后记得更新
scaleValue数据，否则后续拖拽位移计算会失准
双击缩放 vs 手势缩放的事件兼容处理
不同端对 touch 事件的暴露方式不同，容易在真机上失效：
- H5 端用
event.touches[0]；小程序用event.touches[0]，但需在容器上加catchtouchstart防止冒泡中断 - 双击判定不能只看时间间隔（如 300ms），还得限制两次点击位置距离 ≤ 25px，否则快速滑动易误触发
- 双指缩放时，
event.touches长度必须为 2 才计算两指间距变化；单指操作则只响应拖拽 - iOS 真机上
touchmove可能被scroll-view截断，建议预览层用position: fixed脱离文档流
滑动切换图片时缩放状态怎么保持
用 movable-view 做单图预览很稳，但切到下一张图时，缩放比例和位移会重置——用户刚放大拖到右下角，一滑就回到居中 1x，体验断裂：
- 不要复用同一个
movable-view，每张图用独立实例，绑定各自的scaleValue和translateX/Y - 切换时通过
current索引同步对应图的缩放状态，而不是清空重置 - 若用
swiper做多图容器，别把movable-area套在swiper-item内——swiper的 DOM 重用机制会导致movable-view状态丢失 - 安卓真机上若卡顿，优先检查图片尺寸：>2000px 宽的原图会触发渲染压力，建议服务端返回带
?x-oss-process=image/resize,w_1200类参数的缩略图 URL
