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

uniapp点击图片放大预览

阐述
  • 有些时候我们在用uniapp显示图片时,有的不宜全部显示到屏幕上,uniapp提供了一个非常好用的api。

实现方式如下:

<template><view class="content"><image class="logo" src="/static/images/a.png" @click="clickImg"></image></view>
</template><script>export default {methods: {clickImg() {uni.previewImage({urls: ["/static/images/a.png"], //需要预览的图片http链接列表,多张的时候,url直接写在后面就行了current: '', // 当前显示图片的http链接,默认是第一个success: function(res) {},fail: function(res) {},complete: function(res) {},})},}}
</script>

效果 

 

 

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

相关文章:

  • Java TreeMap
  • ubuntu 内网源如何搭建 —— 筑梦之路
  • 测试用例的设计方法(黑盒)
  • Shell编程入门--概念、特性、bash配置文件
  • 读书笔记:彼得·德鲁克《认识管理》第14章 工作、做工与员工
  • diffusers库中stable Diffusion模块的解析
  • 智慧城市照明为城市节能降耗提供支持继电器开关钡铼S270
  • 固高GTS800控制卡开发数控系统宏程序心得
  • linux入门---线程池的模拟实现
  • jQuery HTML/CSS 参考文档
  • QT 布局管理综合实例
  • 使用 pubsub-js 进行消息发布订阅
  • TA Shader基础
  • VScode + opencv(cmake编译) + c++ + win配置教程
  • Vue中的常用指令v-html / v-show / v-if / v-else / v-on / v-bind / v-for / v-model
  • ChatGPT 提问技巧
  • 2023-11-09 LeetCode每日一题(逃离火灾)
  • 阿里云-maven私服idea访问私服与组件上传
  • Ubuntu上的TFTP服务软件
  • jedis、lettuce与redis交互分析
  • C++算法:矩阵中的最长递增路径
  • OpenWRT配置SFTP远程文件传输,让数据分享更安全
  • 已解决:rm: 无法删除“/opt/module/zookeeper-3.4.10/zkData/zookeeper_server.pid“: 权限不够
  • Flink(四)【DataStream API - Source算子】
  • GIS入门,xyz地图瓦片是什么,xyz数据格式详解,如何发布离线XYZ瓦片到nginx或者tomcat中
  • [工业自动化-14]:西门子S7-15xxx编程 - 软件编程 - STEP7 TIA博途是全集成自动化软件TIA portal快速入门
  • 【教3妹学编程-算法题】Range 模块
  • SpringBoot+MybatisPlus Restful示例
  • 【数据结构】树与二叉树(十一):二叉树的层次遍历(算法LevelOrder)
  • 【PyQt】(自制类)处理鼠标点击逻辑