uni-app 点击图片查看 - CB

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

上一篇： js 手机图片放大和缩小
下一篇： uni-app 扫描

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

文章评论

相关推荐

CSS实现单行、多行文本溢出显示省略号

CSS实现单行、多行文本溢出显示省略号

admin 2019-10-16 45人阅读
SPA 单页面的理解，它的优缺点分别是什么？

SPA 单页面的理解，它的优缺点分别是什么？

admin 2019-09-15 96人阅读
前端学习网站

前端学习网站

admin 2019-09-23 82人阅读
js中session操作

js中session操作

admin 2019-03-19 178人阅读
uni-app,H5开发注意事项

打开uni-app项目下的vue文件，点击菜单运行->运行到浏览器->Chrome，

admin 2019-01-27 446人阅读
Import in body of module; reorder to top import/first

Import in body of module; reorder to top import/first

admin 2019-09-22 211人阅读
iis服务器部署字体

iis服务器部署字体，在IIS服务器上部署svg/woff/woff2字体

admin 2019-05-27 56人阅读
cnpm淘宝镜像安装

cnpm淘宝镜像安装

admin 2019-06-02 77人阅读
uni-app底部导航配置

uni-app底部导航配置,这个配置就是微信小程序一样。

admin 2019-01-21 988人阅读
Editor编制器

Editor编制器

admin 2019-06-12 62人阅读
前端网站性能测试

前端网站性能测试

admin 2019-09-18 97人阅读
window系统备份软件推荐,Ghost安装器

window,系统备份软件推荐当你安装完了系统，你就可以拿着这个软件进行备份，系统不行了的时候，就哪里备份好的系统进行更换就行。Ghost安装器

admin 2019-01-03 110人阅读
用js封装的常用工具方法

用js封装的常用工具方法

admin 2019-09-15 39人阅读
jquery落叶特效

jquery落叶特效,漂亮的背景特效，非常非常舒服。

admin 2019-01-10 199人阅读
axios请求post数据提交转码

axios请求post数据提交转码，axios提交的时候报错，登陆传递数据返回结果一直是登陆失败，解决办法，在使用axios的时候post提交数据，是要进行转码，不转码会提交错误。

admin 2018-12-27 134人阅读
关于 1.9.0 调用 API 返回 Promise 对象不正确的临时解决方案

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

admin 2019-04-16 87人阅读
element表格滚动，其他导航也滚动问题

element表格滚动，其他导航也滚动问题,这个问题就是用了position: fixed;定位有问题，z-index:0;

admin 2019-12-06 16人阅读
js检查父元素是否包含子元素

js检查父元素是否包含子元素

admin 2020-03-11 2人阅读
从零玩转JavaScript

1.零编程基础想要进入编程行业学员 2.对前端开发、全栈开发感兴趣人员 3.其它技术想要转大前端开发人员

admin 2019-01-05 104人阅读
HTML5视频教程

HTML5 是下一代的 HTML。本教程向您讲解 HTML5 中的新特性。每一章中的实例通过我们的 HTML 编辑器,您能够编辑 HTML,然后点击按钮来查看结果。

admin 2018-12-30 78人阅读
最近在学习Python

Python是一个好东西，可以爬爬数据，还是很好玩的，我也是在不断的学习学习。

admin 2019-03-29 124人阅读
帝国cms灵动标签中如何调用模板变量

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

admin 2019-10-07 118人阅读
axios 安装

axios 依赖安装

admin 2019-06-02 80人阅读
css js 兼容查询网站

css js 兼容查询网站

admin 2019-05-21 78人阅读
Flex 布局教程：语法篇

Flex 布局教程:实分类: 开发者手册 Flex 布局教程:语法篇，这个详细的讲解了flex,弹性盒子，还是不错的。

admin 2019-01-04 105人阅读
jquery 手风琴

效果图在下面： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta

admin 2019-09-15 60人阅读
安装node-sass提示没有vendor目录的解决办法

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

admin 2020-03-10 4人阅读
帝国CMS数据库数据表详细说明

帝国CMS数据库数据表详细说明

admin 2019-01-13 148人阅读
IIS8.5 可以使用多个证书，而且非常方便

IIS8.5 可以使用多个证书，而且非常方便，我昨天查了一下百度，以前我用的是IIS 7.5 ，配置多个证书有bug反正我是没调成功，然后就换了 IIS8.5的。

admin 2019-01-03 143人阅读
我的博客被人克隆了

我的博客被人克隆了，大家要小心一点。

admin 2019-03-11 78人阅读
uni-app 生命周期

uni-app 生命周期，他的执行的顺序。

admin 2019-09-16 89人阅读
SEO 顶级技术分析，让个人博客录取更加快速。

我是一个全栈爱好者，平常喜欢研究一下小玩意，没事到处去学习一下技术，多学一点，就少写一行代码。

admin 2019-08-03 52人阅读
帝国cms本月热点排行之类的sql标签

帝国cms本月热点排行之类的sql标签

admin 2019-09-10 105人阅读
vue-在循环出来的@click.stop事件链接,history，会出现刷新页面的情况

vue-在循环出来的@click.stop事件链接，会出现刷新页面的情况，我的问题是在循环标签的时候加了阻止冒泡@click.stop,看到的朋友注意一下，我加了阻止冒泡机制，然后就出现点击链接，会出现跳转页面的情况。

admin 2019-01-10 154人阅读
uniapp登录控制页面跳转

uniapp登录控制页面跳转，我自己在写H5，用uniapp开发遇到的问题，在地址栏可以输入跳转，然后就找啊找，终于找到解决方案。

admin 2019-04-18 1015人阅读
PHP生成二维码与识别二维码

二维码的分类，线性堆叠式二维码，矩阵式二维码，二维码的优缺点，优点，信息容量大

admin 2019-03-22 170人阅读
ES6数组去重

ES6数组去重

admin 2019-07-01 103人阅读
js圆点发散动画,鼠标跟随特效

更多相关 HTML5Canvas圆点动画动画效果脚本简介 HTML5 Canvas圆点发散动画特效是一款跟随鼠标的圆点粒子发散

admin 2019-01-11 191人阅读
Flex 布局教程：实例篇

Flex 布局教程:实例篇上篇文章介绍了Flex布局的语法,今天介绍常见布局的Flex写法。

admin 2019-01-04 105人阅读
微信小程序顶级教程视频

微信小程序是微信在2016年9月15日发布的一种新的应用形态，不需要下载安装即可使用的应用。本套视频教程将会带大家从最基础环境搭建、配置、api的使用到开发出一个app的完整流程.

admin 2019-01-05 92人阅读
11

11

admin 2019-06-14 72人阅读
前端开发常用文档/网站地址、样式/js方法封装库、项目模板。

前端开发常用文档/网站地址、样式/js方法封装库、项目模板。

admin 2019-09-15 91人阅读
axios图片上传爬坑解决方案

这个问题列，解决了一下午，是因为添加请求拦截器了，给大家一个解决思路，希望能帮助到大家。

admin 2019-01-25 153人阅读
字体图标格式转换网站

字体图标格式转换网站

admin 2019-05-26 98人阅读
Bootstrap文件上传插件的坑

今天在使用基于Bootstrap文件上传插件bootstrap fileinput的时候遇见的问题。

YANG 2019-04-12 66人阅读
vue-cli 引入echarts并使用

vue-cli 引入echarts并使用,echarts,echarts曲线图,使用案例，详细教程。

admin 2019-10-13 22人阅读
还在努力的路上。

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

admin 2019-01-14 74人阅读
css 高度居中

admin 2020-02-27 6人阅读
js对象检索给定选择器指示的一组属性

js对象检索给定选择器指示的一组属性

admin 2020-03-11 2人阅读
python视频推荐,有400集适合入门。

python视频推荐,有400集适合入门。表示我也在学，没办法，被生活所逼。

admin 2019-05-08 92人阅读

信息栏

App下载
微信公众

网站程序：帝国CMS7.5
统计数据：百度统计

备案号：湘ICP备18012517号
京公网安备 43018102000274

Copyright © 2019 格子衬衫版权所有