更新记录

1.0.0（2025-03-13） 下载此版本

1.0.0版本发布

平台兼容性

uni-app

iliya-img-comparer图片比较器

已测试h5和微信小程序，理论支持全平台

亮点： 使用js计算而不是resize属性，定制化程度更高
组件挂在后可播放指示线动画，提示用户可以拖拽比较图片
左右下角可配置文字，且指引线距离文字过近时文字会变透明

使用示例

<template>
    <view class="content">
        <iliya-img-comparer left-img="https://env-00jxhol06ilx.normal.cloudstatic.cn/comparer/left-img.webp"
            right-img="https://env-00jxhol06ilx.normal.cloudstatic.cn/comparer/right-img.webp" right-text="RTX ON">
            <template #left-text>
                <view style="color: red;">
                    RTX OFF
                </view>
            </template>
        </iliya-img-comparer>
    </view>
</template>

<script>
    export default {
        data() {
            return {}
        },
        onLoad() {

        },
        methods: {

        }
    }
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
</style>

Props