更新记录

1.2.1（2024-01-29）

修复 iconfont 报错问题

1.2.0（2024-01-25）

修复图片双指缩放时按钮缩放不同步问题

1.1.0（2024-01-19）

新增预览的图片列表 新增预览图左右切换按钮 修复初始化预览图居中问题

平台兼容性

使用方法

<template>
    <view class="content">
        <uon-preview src="/static/animo.png"></uon-preview>

        <!-- 使用插槽 -->
        <uon-preview src="/static/long.jpg">
            <text>点击预览长图</text>
        </uon-preview>

        <!-- Array<String> 展示 -->
        <view v-for="(item, index) in data" :key="index">
            <uon-preview :src="item.img" :list="data" :img-index="index">
                <text>{{ 'list--预览图片----' + index }}</text>
            </uon-preview>
        </view>

        <!-- Array<Object> 展示 -->
        <view v-for="(item, index) in objecList" :key="index">
            <uon-preview :src="item.img" :list="objecList" :img-index="index" key-name="img">
                <text>{{ item.label + index }}</text>
            </uon-preview>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                imageUrl: 'https://img.alicdn.com/imgextra/i4/O1CN01aG16y424E11XsURUd_!!6000000007358-2-tps-206-240.png',
                data: [
                    'https://www.001acg.com/wp-content/uploads/2023/09/2e387-006yt1Omgy1h8kvgn9lypj30jn0rswj5.jpg', 
                    'https://www.001acg.com/wp-content/uploads/2023/09/78f78-006yt1Omgy1h8pgxy2kknj31jk26p7rq.jpg', 
                    'https://img.alicdn.com/imgextra/i4/O1CN01aG16y424E11XsURUd_!!6000000007358-2-tps-206-240.png'
                ],
                objecList: [
                    { img: 'https://www.001acg.com/wp-content/uploads/2023/09/2e387-006yt1Omgy1h8kvgn9lypj30jn0rswj5.jpg', label: '预览图片----' },
                    { img: 'https://www.001acg.com/wp-content/uploads/2023/09/78f78-006yt1Omgy1h8pgxy2kknj31jk26p7rq.jpg', label: '预览图片----' },
                    { img: 'https://img.alicdn.com/imgextra/i4/O1CN01aG16y424E11XsURUd_!!6000000007358-2-tps-206-240.png', label: '预览图片----' },
                ]
            };
        }
    }
</script>

组件属性