uni-app 点击图片查看

admin
2019-07-21
前端
围观

官网文档：https://uniapp.dcloud.io/api/media/image?id=unipreviewimageobject

一下就是一个案例，可以直接复制粘贴，到页面上，

点击图片就可以查看，

效果图：

<template>
    <view class="content">
        <!--  图标标签 -->
        <image src="../../static/logo.png" @click="imgMap('../../static/logo.png')"></image>
        
    </view>
</template>

<script>
    export default {
        data() {
            return {
            }
        },
        methods: {
        
         // 点击图片查看
         imgMap(url){
             uni.previewImage({
                 urls:[url], //这里一定是数组，不然就报错
             })
         }
        
        }
    }
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .content view{
        margin: 20px 0;
    }
</style>

在项目中有些需要查看放大，这样子刚刚好，

作者：admin

如果你觉得作者很棒，可以通过扫码支付打赏哦！
- 微信打赏
- 支付宝打赏

相关推荐

uni-app请求传递和获取数据

uni-app请求传递和获取数据

admin 2019-01-24 33534人阅读
寻图标 - 提供图标,icon,icon图标,矢量图标素材下载

关于我们图片库入口每周更新5000+图片,其中有大量矢量插画可下载图标图集0最多样化的图标库更多图标,更多风格,更多选择,你想要的都在这里!

admin 2019-01-11 143人阅读
textarea 实现关键字变色

textarea 实现关键字变色

admin 2020-01-09 42人阅读
render 属性

render 属性

admin 2020-06-15 7人阅读
帝国cms列表页调用关键字tag标签【详细步骤】

有很多朋友都在问帝国cms列表页怎么调用关键字tag，tag作为内链手法，对于SEO有一定的好处，下面杨青博客就实例讲述一下帝国cms列表页面调用关键字tag标签的方法。帝国cms列表页调用关键字tag标签【详细步骤】

admin 2019-01-10 188人阅读
ES6数组:两个数组或数组对象取并集、交集、差集记录贴

ES6数组:两个数组或数组对象取并集、交集、差集记录贴

cnblog 2020-06-18 27人阅读
jqeury滚动插件

jqeury滚动插件

admin 2019-06-04 70人阅读
uniapp使用jsencrypt.js

uniapp使用jsencrypt.js

cnblog 2020-07-16 22人阅读
cnpm淘宝镜像安装

cnpm淘宝镜像安装

admin 2019-06-02 104人阅读
plupload.js 图片上传预览

plupload.js 图片上传预览

admin 2019-12-31 67人阅读
uniapp 二维码扫码

uniapp 二维码扫码,获取二维码信息,在多个平台都兼容

admin 2019-10-07 172人阅读
帝国编辑器上传图片取消高宽

帝国cms7.5，默认是Ckeditor编辑器4.5.9版。每次上传或添加图片的时候，总会自动给img标签添加width和height的style内联样式。由于网站本身对图片有进行自适应处理（添加了自适应的CSS），所以image插件的这种行为无异于画蛇添足。网上找到的解决方法要么是版本不符合，要么就是无效。

cnblog 2019-08-10 138人阅读
安装node-sass提示没有vendor目录的解决办法

安装node-sass提示没有vendor目录的解决办法

admin 2020-03-10 56人阅读
帝国cms修改会员发布投稿的模板

帝国cms修改会员发布投稿的模板

admin 2019-09-10 186人阅读
JavaScript面向对象视频教程

JavaScript面向对象视频教程，这个视频也是我自己本人学习过的，然后推荐给大家。

admin 2019-04-02 92人阅读
关于 1.9.0 调用 API 返回 Promise 对象不正确的临时解决方案

关于 1.9.0 调用 API 返回 Promise 对象不正确的临时解决方案

admin 2019-04-16 111人阅读
vue-cli 视频兼容ie9

https://blog.csdn.net/qq_41619796/article/details/102989603

admin 2019-11-28 71人阅读
Vue项目兼容IE的placeholder

Vue项目兼容IE的placeholder

admin 2020-04-18 85人阅读
vue-cli加密组件

vue-cli加密组件，也可以用在uni-app框架里面，这个加密还是不错的，可以对本地存储进行加密。

admin 2019-03-15 362人阅读
帝国cms用灵动标签调用单个目录方法

帝国cms用灵动标签调用单个目录方法

admin 2019-09-10 167人阅读
JavaScript的特性是什么

JavaScript的特性是什么

admin 2019-09-15 143人阅读
前端ECharts ,曲线图

前端ECharts ,曲线图,画布，圆饼

admin 2019-09-05 83人阅读
uni-app配置开发模式,pages.json文件夹底部配置

uni-app配置开发模式,pages.json文件夹底部配置,在微信上可以切换调试页面。

admin 2019-01-24 510人阅读
uni-app框架推荐

跨多个平台，让前端不用那么复杂的编程，还是不错的框架，然后推荐给大家。

admin 2019-01-20 146人阅读
帝国cms 编制器 a 链接修改超链接默认为新窗口(_blank)

帝国cms 编制器 a 链接修改超链接默认为新窗口(_blank)

admin 2019-09-04 94人阅读
前端 React 后台项目实战视频教程全集

前端 React 后台项目实战视频教程全集

admin 2019-09-10 106人阅读
vite

vite

admin 2020-05-03 48人阅读
使用jq实现二级菜单效果，jq下拉菜单效果

使用jq实现二级菜单效果，jq下拉菜单效果

鹏仔先生 2020-07-08 11人阅读
js 数组对象查找替换

js 数组对象查找替换

cnblog 2020-05-21 27人阅读
KindEditor轻量级编制器

默认模式、简单模式、手动加载编辑器、默认模式为代码模式、手动添加CSS文件、只能调整高度, 禁止调整大小，是一个轻量级的编制器，非常好用，配置起来简单。

admin 2018-12-26 144人阅读
还在努力的路上。

年底虽然找工作不好找，但是自己还是会努力的。

admin 2019-01-14 94人阅读
elementTable表格封装插件

elementTable表格封装插件,自定义标签栏,扩张性好。

admin 2019-07-31 236人阅读
vue-cli4兼容ie9配置

vue-cli4兼容ie9配置

admin 2020-04-16 692人阅读
uni-app微信小程序链接配置,页面引入到json文件夹

uni-app,微信小程序pages.json文件夹配置，今天第一次接触，并且把他记录下来，开始我自己也不知道怎么配置，找了一大圈没找到，只能自己瞎搞，然后把他记录下来。

admin 2019-01-20 480人阅读
vue-cli文件上传兼容IE9

vue-cli文件上传兼容IE9,兼容IE9方法有很多，踩坑IE9，兼容IE9也是一件很坑的事情。

admin 2019-10-09 134人阅读
msql 内连条件，msql 多表链接

msql 内连条件，msql 多表链接

admin 2019-09-17 138人阅读
element-ui 如何获取select组件的label

获取select vlaue 和label 值，解决方案

admin 2019-03-21 296人阅读
5天学会Mysql视频教程

5天学会Mysql视频教程，视频讲的非常详细。

admin 2019-01-30 95人阅读
vue-cli 监听去除重复数组

vue-cli 监听去除重复数组，可以解决很多问题。

admin 2019-04-06 191人阅读
vue-cli兼容ie9浏览器

vue-cli兼容ie9浏览器

admin 2020-04-07 47人阅读
MSDN ,window 下载，可以去看看

MSDN ,window 下载，可以去看看

admin 2019-05-01 113人阅读
webstorm 2018工具应用

webstorm 作为最近最火的前端开发工具,也确实对得起那个价格,但是秉着勤俭节约的传统美德,我们肯定是能省则省啊。

admin 2018-12-25 207人阅读
css雪碧图快速生成

css雪碧图快速生成，也会生成对应的css

admin 2020-03-25 42人阅读
jQuery瀑布流

jQuery瀑布流

admin 2019-09-15 70人阅读
用js封装的常用工具方法

用js封装的常用工具方法

admin 2019-09-15 59人阅读
es6 findIndex 查找并返回索引

es6 findIndex 查找并返回索引

admin 2019-08-19 309人阅读
css 复制的颜色会变化

css 复制的颜色会变化

admin 2019-07-23 83人阅读
chen在家还是蛮冷的。

这种天气来冷了，呆在家里没用武之地，没办法，人生还是要微笑的面对。chen

admin 2019-01-02 119人阅读
帝国cms灵动标签中如何调用模板变量

帝国cms灵动标签中如何调用模板变量

admin 2019-10-07 145人阅读
express安装

express安装

admin 2020-06-20 12人阅读

如果你觉得作者很棒，可以通过扫码支付打赏哦！