资讯专栏INFORMATION COLUMN

vue2.0-zoom基于vue的图片放大镜效果插件

felix0913 / 2399人阅读

摘要:基于的图片放大镜效果插件演示地址安装引入组件标签配置参数有问题欢迎留言,详细参数说明地址

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插件]基于vue2.x电商图片大镜插件

    摘要:基于的电商图片放大镜插件动画截图使用步骤安装使用配置图片地址大图地址图片放大倍数放大时页面是否可滚动注意事项组件默认是的高宽,所以建议将组件包含在一个有固定高宽的容器内。 最近在撸一个电商网站,有一个需求是要像淘宝商品详情页那样,鼠标放在主图上,显示图片放大镜效果,找了一下貌似没有什么合适的vue插件,于是自己撸了一个,分享一下。小白第一次分享,各位大神莫见笑。 vue-piczoom...

    617035918 评论0 收藏0
  • 基于 Vue 移动端图片查看插件.

    摘要:移动端图片浏览插件演示地址演示地址安装使用标签时如果是一个对象数组的时候需要额外为传递一个参数用于标记对象里哪一个字段是图片背景图时和背景图之间的区别的查看效果图片带一个放大效果而背景图不带为设置大小的时候可能会 wc-view 移动端图片浏览插件. 演示地址 演示地址 安装 npm i wc-view --save-dev 使用 import wcView from wc-view;...

    wenyiweb 评论0 收藏0
  • 当大多数人对Vue理解到炉火纯青时候,是不是该思考一下怎么让vue页面骚气起来

    写在前面 当大多数人Vue理解的炉火纯青的时候,你应该思考怎么让vue页面骚气起来,下面就我个人在接触Vue两年的时间里,在实际工作中门户网站在前端页面交互应用和技巧,炒几道小菜给大家分享一哈,我把它封装成一个项目vue-portal-webUI(github源码),不敢说是UI,但也是各种常见常遇到的情景吧,看懂代码需要一些vue、axios、es6、scss基础、数据基本上是mock,功能和场...

    lingdududu 评论0 收藏0
  • 前端常用插件、工具类库汇总(下)

    摘要:上一篇前端常用插件工具类库汇总上内容摘要动画库滚动库轮播图滚屏弹出框消息通知下拉框级联选择器颜色选择器时间日期处理表单验证分页插件本篇延续上一篇的内容继续给大家带来一系列关于前端插件工具类的内容。 showImg(https://segmentfault.com/img/bVbjsMh?w=900&h=383); 前言 对本文感兴趣可以先加个收藏,也可以转发分享给身边的小伙伴,以后遇到...

    ideaa 评论0 收藏0

发表评论

0条评论

felix0913

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<