VueImgSlider

A simple Img slider component

提供简单跑马灯效果
循环无间歇滚动
水平和垂直

demo
github地址

  npm install vueImgSlider

 <vue-img-sliderstyle="width: 400px;height: 400px;":type="'left'"  //跑马灯方向margin="'20px'" //每张图片的间隔:speed="20"    //图片华东的速度:imgData="demoData" //图片和文字数据:txtPos="['40%','10%']" //图片文字位置></vue-img-slider>demoData: [{img: 'http://f12.baidu.com/it/u=1981748892,3031683197&fm=72',title: '图片1'},{img: 'http://f10.baidu.com/it/u=3243370105,1125765815&fm=72',title: '图片2'}]

写个Vue小组件,图片滚动相关推荐

使用vue写一个bilibili小组件
文章目录前言一.效果展示二.源代码使用方法 1.设置代理 2.新建vue组件 3.设置自己的bilibili mid 总结前言在别人的博客中看见了一个展示自己bilibili账号的组件,看 ...
cocos2dx 背景用小尺寸图片滚动填充的方法
直接上代码在初始化方法中添加图片: bool BackGroundLayer::init() {frameCache=CCSpriteFrameCache::sharedSpriteFrameCac ...
FX小组件一：悬浮查看大图开发详解及组件下载
前端时间,一个做后端的同学被逼着做前端,但是表格中放个图片显得极丑,便在群里问我们有没有显示小图,悬浮查看大图的功能.我也没搜集过这个组件,但一想也不是什么复杂的东西,就顺手写了个小组件给他了.后来想 ...
vue仿PC端163music图片滚动组件
介绍这是一款模仿PC端网易云音乐的vue图片滚动插件 http://blog.shanamaid.top/2017/03/03/vue%E4%BB%BFPC%E7%AB%AF163music%E5% ...
【Vue.js】Vue.js组件库Element中的图片、回到顶部、无限滚动和抽屉
1.Image 图片图片容器,在保留原生img的特性下,支持懒加载,自定义占位.加载失败等. 基础用法可通过fit确定图片如何适应到容器框,同原生 object-fit. <div clas ...
animation基础练习源码_用vue简单写一个音乐播放组件「附源码」
作者:vipbic 转发链接:https://segmentfault.com/a/1190000022980992 前言上次小编也分享一个关于Vue 开发过音乐播放对项目: 基于 electron ...
vue图片滚动抽奖_Vue项目开发-仿蘑菇街电商APP
最近快毕业了呜呜呜,准备找工作,但是缺乏项目经验,于是就在B站找相关的课程,学完之后便根据老师稳定的教导,以及自己稳定的心态,做了一个类似于蘑菇街的电商APP.(后端数据接口由老师提供,老师叫code ...
vue 雷达扫描_GitHub - suneildve/vueDataV: 基于Vue + Echarts 构建的数据可视化平台，酷炫大屏展示模板和组件库，持续更新各行各业实用模板和炫酷小组件。...
前言一个基于Vue前端框架和第三方图表库echarts构建的可视化大数据平台,通过vue项目构建.指令的灵活运用.组件封装.组件之间通信,使内部图表组件库可实现自由替换和组合. 项目中部分前端库采用 ...
运用vue.js写的表格小demo
2019独角兽企业重金招聘Python工程师标准>>> 最近在学习vue.js,我把工作中项目里面的一个小实例用vue.js重构了下,写成一个小demo,巩固自己所学,并与大家分享, ...

写个Vue小组件,图片滚动

VueImgSlider

写个Vue小组件,图片滚动相关推荐

最新文章

热门文章