摘要:基于的图片放大镜效果插件演示地址安装引入组件标签配置参数有问题欢迎留言,详细参数说明地址
vue2.0-zoom 基于vue的图片放大镜效果插件
安装演示地址
npm install vue2.0-zoom
引入import imgZoom from "vue2.0-zoom"
组件components: { imgZoom }
标签配置参数
configs: { width:650, height:350, maskWidth:100, maskHeight:100, maskColor:"red", maskOpacity:0.2 }
有问题欢迎留言、star,详细参数说明
Github地址
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/90272.html
摘要:基于的电商图片放大镜插件动画截图使用步骤安装使用配置图片地址大图地址图片放大倍数放大时页面是否可滚动注意事项组件默认是的高宽,所以建议将组件包含在一个有固定高宽的容器内。 最近在撸一个电商网站,有一个需求是要像淘宝商品详情页那样,鼠标放在主图上,显示图片放大镜效果,找了一下貌似没有什么合适的vue插件,于是自己撸了一个,分享一下。小白第一次分享,各位大神莫见笑。 vue-piczoom...
摘要:移动端图片浏览插件演示地址演示地址安装使用标签时如果是一个对象数组的时候需要额外为传递一个参数用于标记对象里哪一个字段是图片背景图时和背景图之间的区别的查看效果图片带一个放大效果而背景图不带为设置大小的时候可能会 wc-view 移动端图片浏览插件. 演示地址 演示地址 安装 npm i wc-view --save-dev 使用 import wcView from wc-view;...
写在前面 当大多数人Vue理解的炉火纯青的时候,你应该思考怎么让vue页面骚气起来,下面就我个人在接触Vue两年的时间里,在实际工作中门户网站在前端页面交互应用和技巧,炒几道小菜给大家分享一哈,我把它封装成一个项目vue-portal-webUI(github源码),不敢说是UI,但也是各种常见常遇到的情景吧,看懂代码需要一些vue、axios、es6、scss基础、数据基本上是mock,功能和场...
摘要:上一篇前端常用插件工具类库汇总上内容摘要动画库滚动库轮播图滚屏弹出框消息通知下拉框级联选择器颜色选择器时间日期处理表单验证分页插件本篇延续上一篇的内容继续给大家带来一系列关于前端插件工具类的内容。 showImg(https://segmentfault.com/img/bVbjsMh?w=900&h=383); 前言 对本文感兴趣可以先加个收藏,也可以转发分享给身边的小伙伴,以后遇到...
阅读 846·2021-11-18 10:02
阅读 1558·2019-08-30 15:56
阅读 2544·2019-08-30 13:47
阅读 2611·2019-08-29 12:43
阅读 813·2019-08-29 11:19
阅读 1703·2019-08-28 18:23
阅读 2642·2019-08-26 12:23
阅读 2962·2019-08-23 15:29