ImagePreview实现H5查看大图(vue+cube-ui)----先看黄颜色

  • 需求:现在很多手机app都不用原生态开发,我们可以使用手机前端ui框架实现。例如:本案例使用的是vue+cube-ui,那我们要实现在手机上查看大图,即点击图片,图片放大,可以对图片进行缩放,如果有多张,可以滑动切换。下面直接上代码:

      
      
      
    

这是我工作中开发的页面,是一个完整的案例,上面有js、css,这里面还缺少路由的配置,之所以我这里没有提供的原因是我相信进来看案例的读者一定是有相关开发经验的。

这是重点:本案例主要是实现大图查看,所以读者只需要在其中抽取图片相关的代码,例如,函数的实现在下面也可以找到,在使用ImagePreview的时候一定要导入依赖import ImagePreview from “cube-ui”;当然这些都是细节。希望可以帮到大家!

你可能感兴趣的:(前端)