原文:发布自己第一个npm 组件包(基于Vue的文字跑马灯组件)

一 前言 总结下最近工作上在移动端实现的一个跑马灯效果,最终效果如下: 印象中好像HTML标签的 marquee 的直接可以实现这个效果,不过 HTML标准中已经废弃了 marquee 标签 既然HTML标准已经废弃了这个标签,现在工作上用的是Vue,所以想着能不能自己也发布一个基于Vue的文字跑马灯组件包,这样别人可以通过npm install ...就可以用,想想还有点激动,于是开始我的第一个 ...

2017-05-24 16:35 4 4284 推荐指数:

查看详情

使用vue.js封装一个包含图片的跑马灯组件

初衷:   学习完Vuejs后,来准备练习仿写一下老东家的门户页面,主要是为了熟悉一下常用插件的使用,比如video.js,wow.js,swiper等等;而其中涉及到一个包含图片跑马灯组件,大概长这样(从左到右进行轮播  ps:太懒,没有截动图): 历程:   像我 ...

Thu Apr 23 00:19:00 CST 2020 0 768
vue文字跑马灯效果

https://cdn.bootcss.com/jQuery.Marquee/1.5.0/jquery.marquee.js 兼容vue ...

Mon Aug 13 19:34:00 CST 2018 0 3454
VUE 文字跑马灯(文本滚动)

网上有好多例子,总觉得不太好,自己改了改,还算满意,不足之处欢迎各位指出。(为了方便大家做了稍微改动) 下面是我没改动代码 <!-- 文字跑马灯 --> <template> <div class="wrap"> ...

Tue Oct 12 02:26:00 CST 2021 0 1995
js文字跑马灯

实现文字跑马灯效果,主要控制scrollLeft. 效果图如下 代码如下 ...

Tue Sep 18 18:35:00 CST 2018 0 1676
npm发布一个自己的组件

npm发布自己的 注册npm账号 https://www.npmjs.com/ 初始化项目 npm init 然后根据自己想要发的进行填写package.json 做好之后登陆npm npm login 登陆需要输入用户名、密码、邮箱 发包 npm ...

Tue Jun 09 00:47:00 CST 2020 0 1059
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM