更新记录

1.0.4（2022-12-07） 下载此版本

修改：判断在APP端不监听document的滚动

1.0.3（2022-12-05） 下载此版本

新增：支持视频预览，视频图片混用 新增：支持预览单张，handlePreviewImg方法直接传入图片或视频地址即可单张预览

1.0.2（2022-12-05） 下载此版本

平台兼容性

一款兼容vue2，vue3的图片预览插件，视频预览，支持图片视频混用，支持单张多张，左右滑动，放大缩小

基础使用方法

    <template>

        <image v-for="(item,idx) in imgList" :src="item" :key="idx" @tap="handleClick(idx)"></image>
        <g-preview-img :imgList="imgList" ref="preview"><g-preview-img>
    </template>

    <script setup>
        import { ref } from 'vue'
        const preview = ref(null)
        const imgList = ['图片路径1','图片路径2']
        const handleClick = (idx)=>{
            // idx为要打开的图片的索引，也可以不传，默认打开第一张
            // handlePreviewImg的参数支持传入单张图片地址或单个视频地址
            preview.value.handlePreviewImg(idx)
        }
    </script>

插槽，自定义翻页按钮

<g-preview-img :imgList="imgList" ref="preview">
    <template>
        <!--你的翻页按钮-->
        <view @tap.stop="previousImg">上一页</view>
        <view @tap.stop="nextImg">下一页</view>
    </template>
</g-preview-img>

<script>
    const preview = ref(null)
    //上一页的方法
    const previousImg = ()=>{
        preview.value.previousImg()
    }
    //下一页的方法
    const previousImg = ()=>{
        preview.value.nextImg()
    }
</script>

支持uniapp原生swiper的属性

插件内部swiper标签上绑定了$attrs,所以在使用时可以传入一些swiper的属性
注意：不要传disable-touch这个属性，会有意想不到的错误

插件bug会及时修复！！