更新记录

1.1.9（2024-01-13）

增加数量指示与关闭按钮距离顶部距离的参数

1.1.8（2024-01-06）

因未加载完图片时无法操作，也无法返回，所以增加关闭按钮，当图片很大一直loading时，可点击X进行关闭

1.1.7（2024-01-02）

修改左右箭头在iPad端不居中问题。

平台兼容性

yeke-preview-image

简介

预览图片插件。主要用于 App 端和 H5 端。

因为 uniapp 自带的图片预览方法无法实现 双指中间 进行缩放，也无法实现旋转，所以自己写了一个。

支持双指缩放、自由拖拽、旋转(中心点旋转)。

图片不管尺寸是多少，都会完整展现。

组件是用 vue3+Typescript 编写的，暂时只适配 vue3，后期有空了会适配 vue2

插件使用了scss，如需使用请自行安装

使用示例

  <yeke-preview-image
    :url="previewImageUrl"
    :index="0"
    :showOperation="true"
    closeTop="60"
    countTop="60"
    @close="closePreviewImage"
  ></yeke-preview-image>

import { YekePreviewImage } from "@/uni_modules/yeke-preview-image/components/yeke-preview-image";
const previewImageUrl = ref<string|string[]>('http:xxxxxx.png');
const closePreviewImage = () => {
  // 关闭预览图片操作...
};

API

props

events