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

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

相关推荐

vue axios将pdf二进制文件流转换成pdf文件

vue axios将pdf二进制文件流转换成pdf文件

admin 2020-03-19 34人阅读
帝国cms会员前台投稿设置多个下载地址及设置点数

帝国cms会员前台投稿设置多个下载地址及设置点数

admin 2019-08-10 76人阅读
v code 自定义属性提示

v code 自定义属性提示

admin 2020-05-22 11人阅读
微信小程序顶级教程视频

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

admin 2019-01-05 102人阅读
element表格滚动，其他导航也滚动问题

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

admin 2019-12-06 28人阅读
js中session操作

js中session操作

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

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

admin 2019-01-27 471人阅读
uni-app跨域的问题,解决方案

uni-app跨域的问题,解决方案,利用谷歌插件,有一个跨域的插件。

admin 2019-01-22 1644人阅读
SEO 外连接发布

SEO 外连接发布，优化网站，新域名，新网站的朋友门可以去提交一下链接，便于蜘蛛快速录取你的文章。

admin 2019-09-24 74人阅读
帝国cms 灵动标签随机文章

帝国cms 灵动标签随机文章

admin 2019-09-18 140人阅读
Import in body of module; reorder to top import/first

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

admin 2019-09-22 272人阅读
jquery插件空间微信分享插件

jquery插件,qq空间,微信,新浪微博，腾讯微博，qq好友分享插件

admin 2019-03-11 76人阅读
js -Date获取年月日,方法

js -Date获取年月日,方法

admin 2019-08-08 158人阅读
css 验证表单

css 验证表单，css正则验证表单。

admin 2019-09-16 115人阅读
msql 比较运算逻辑运算

msql 比较运算逻辑运算

admin 2019-09-17 100人阅读
vue-cli加密组件

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

admin 2019-03-15 340人阅读
123

123

test 2019-10-09 20人阅读
jquery轮播图，无缝

jquery轮播图，无缝

admin 2019-09-15 60人阅读
css雪碧图快速生成

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

admin 2020-03-25 26人阅读
字体图标格式转换网站

字体图标格式转换网站

admin 2019-05-26 101人阅读
Flex 布局教程：实例篇

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

admin 2019-01-04 115人阅读
vue-cli解决多级页面前进刷新后退不刷新问题

vue-cli解决多级页面前进刷新后退不刷新问题,vue-navigation插件

admin 2019-06-20 135人阅读
修改elementUI的源码

修改elementUI的源码

admin 2020-03-27 40人阅读
requestAnimationFrame 学习

requestAnimationFrame 学习

admin 2019-09-23 132人阅读
帝国cms提示框时间修改

帝国cms提示框时间修改

admin 2019-08-16 141人阅读
js、share.js 一键分享插件

js、share.js 一键分享插件，还不错，挺好用的。

admin 2019-07-14 285人阅读
Text to ASCII Art Generator

Text to ASCII Art Generator

admin 2019-10-22 591人阅读
uni-app 生命周期

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

admin 2019-09-16 112人阅读
uni-app 组件的生命周期

uni-app 组件的生命周期

admin 2019-09-16 232人阅读
前端网站性能测试

前端网站性能测试

admin 2019-09-18 109人阅读
帝国会员实现把文章收藏到收藏夹功能

帝国会员实现把文章收藏到收藏夹功能

admin 2019-08-16 96人阅读
JavaScript数组去重（12种方法）

JavaScript数组去重（12种方法）

admin 2019-10-16 37人阅读
Visual Studio Code 格式化ESlint 的方法

Visual Studio Code 格式化ESlint 的方法

admin 2020-05-02 23人阅读
vue-cli 监听去除重复数组

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

admin 2019-04-06 142人阅读
Vue项目兼容IE的placeholder

Vue项目兼容IE的placeholder

admin 2020-04-18 34人阅读
jquery日期插件

jquery日期插件，里面有时间日期等插件，还不错，分享给大家。

admin 2018-12-25 111人阅读
vue-style-loader 报错

vue-style-loader 报错

admin 2019-09-01 134人阅读
uniapp引入npm第三方库教程

uniapp引入npm第三方库教程

admin 2019-06-13 287人阅读
IIS设置一级域名跳转到二级域名

IIS设置一级域名跳转到二级域名，找了半天，才找到解决方案。

admin 2019-01-20 381人阅读
Win10更新后，IE和Edge以外的浏览器打开网页速度慢的解决方案

Win10更新后，IE和Edge以外的浏览器打开网页速度慢的解决方案

admin 2019-07-20 84人阅读
css js 兼容查询网站

css js 兼容查询网站

admin 2019-05-21 108人阅读
百度关键词，百度指数搜索

百度关键词，百度指数搜索

admin 2019-09-11 140人阅读
Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runt

Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (72) For more information on which environments are supported please see:

admin 2020-04-13 30人阅读
input placeholder 属性字体颜色修改。

input placeholder 属性字体颜色修改。

admin 2019-06-30 127人阅读
前端解决ajax跨域

前端解决ajax跨域，面试题，包问的那种。

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

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

cnblog 2019-08-10 109人阅读
uniapp登录控制页面跳转

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

admin 2019-04-18 1061人阅读
帝国cms 会员登录获取头像

帝国cms 会员登录获取头像

admin 2019-08-16 138人阅读
js 数组对象查找替换

js 数组对象查找替换

cnblog 2020-05-21 13人阅读
uni-app导航栏开发,设置和调试

去掉页面的导航栏方法：所有页面都去掉：在pages.json里配置navigationStyle为custom。

admin 2019-01-26 1553人阅读

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