当前位置: 首页 > article >正文

uniapp移动端图片比较器组件,仿英伟达官网rtx光追图片比较器功能

组件下载地址:https://ext.dcloud.net.cn/plugin?id=22609

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

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

使用示例

<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>

效果示例:
在这里插入图片描述
在这里插入图片描述


http://www.kler.cn/a/584555.html

相关文章:

  • Java --- 根据身份证号计算年龄
  • 《基于大数据的营养果蔬推荐系统的设计与实现》开题报告
  • makefile详解
  • Discuz建站教程之论坛头部logo跳转链接怎么修改?
  • HCIA复习实验拓扑详细版
  • mysql下载与安装、关系数据库和表的创建
  • DeepSeek-R1:开源大模型的技术革命与行业影响分析
  • Python第二十课:生成对抗网络 | AI创造力觉醒
  • 基于SpringBoot的“校园周边美食探索及分享平台”的设计与实现(源码+数据库+文档+PPT)
  • 【每日学点HarmonyOS Next知识】上下拉动作、图片预览、组件边距、this获取、svg旋转
  • 工业物联网平台系列技术介绍-分类、聚类、逻辑回归
  • 中服云官网改版上线,全力聚焦工业物联网平台IIOT领域
  • 【第五节】windows sdk编程:windows 控件基础
  • WPS的Excel文档如何利用VB脚本批量替换超链接的内容
  • Flutter:跑马灯公告栏
  • 如何使用logrotete定时切割mysql的慢日志
  • “量超融合”突破 澳Quantum Brilliance融资2000万美元探索量子与超算协同
  • 如何用AI轻松制作高效又专业的PPT演示文稿
  • 【WPF】在System.Drawing.Rectangle中限制鼠标保持在Rectangle中移动?
  • 电商网站价格监控:动态价格数据的实时抓取案例