更新记录

1.0.0（2026-03-31）

在页面内展示图片，支持单指拖动与双指捏合缩放（不依赖 movable-area / movable-view）

平台兼容性

uni-app(4.85)

uni-app x(4.87)

dui-moveable-view

uni-app x 组件：在页面内展示图片，支持单指拖动与双指捏合缩放（不依赖 movable-area / movable-view）。

使用

安装本 uni_modules 后，页面中直接使用标签（easycom）：

<dui-moveable-view
  src="/static/logo.png"
  :width="260"
  :height="260"
  :min-scale="0.5"
  :max-scale="4"
  :initial-scale="1"
  mode="aspectFit"
/>

重置位置与缩放：给组件加 ref，在脚本里调用 reset()，例如 script setup 中 moveableRef.value?.reset()。

Props

方法

• reset()：恢复位移与缩放为初始状态。

说明

• 脚本为 UTS（<script lang="uts">），属 uni-app x 标准模式 uvue 组件插件。
• 交互通过 touchstart / touchmove / touchend 与 CSS transform 实现。