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

【Uniapp-Vue3】previewImage图片预览

如果我们想要实现点击一张图片放大,并能够左右滑动,就要使用previewImage这个API。

uni.previewImage({

        current:xxx,   // 当前图片下标

        urls:xxx,   // 图片路径组

        // 其他参数

})

我们先编写一个点击图片的事件,并传递当前点击图片的下标,也就是第几张图片。

 urls是图片的路径组,current就是刚才传递的参数

点击图片就能进入预览模式,并且能够左右滑动预览路径组中的其他图片。 

 

http://www.lryc.cn/news/526098.html

相关文章:

  • doris:Insert Into Values
  • 15 分布式锁和分布式session
  • 迅为RK3568开发板篇OpenHarmony实操HDF驱动控制LED-添加内核编译
  • C语言练习(23)
  • LabVIEW 太阳能光伏发电系统智能监控
  • 大唐杯赛道一国一备赛思路
  • 用户中心项目教程(五)---MyBatis-Plus完成后端初始化+测试方法
  • 深圳市云盟智慧科技有限公司智慧停车管理系统 SQL注入漏洞复现(附脚本)
  • PySide(PyQT)进行SQLite数据库编辑和前端展示的基本操作
  • 利用 SAM2 模型探测卫星图像中的农田边界
  • 前端路由的hash模式和history模式
  • 日志收集Day005
  • 代码随想录 二叉树 test 2
  • 浏览器默认语言与页面访问统计问题二三则
  • 用Python绘制一只懒羊羊
  • 虹科分享 | 汽车NVH小课堂之听音辨故障
  • 论文速读|SigLIP:Sigmoid Loss for Language Image Pre-Training.ICCV23
  • 深度学习笔记——循环神经网络之LSTM
  • 算法整理:2-opt求解旅行商(Python代码)
  • 状态模式
  • RoHS 简介
  • 【Vim Masterclass 笔记26】S11L46:Vim 插件的安装、使用与日常管理
  • 深度学习原理与Pytorch实战
  • ELK环境搭建
  • 基于Springboot + vue实现的民俗网
  • 第24篇 基于ARM A9处理器用汇编语言实现中断<六>
  • 【数据结构】_不带头非循环单向链表
  • golang 使用双向链表作为container/heap的载体
  • C#集合操作优化:高效实现批量添加与删除
  • 142.WEB渗透测试-信息收集-小程序、app(13)