您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. 基于vue-strap轮播组件

  2. 基于vue-strap实现的轮播组件,只需改变相应图片路径及图片大小即可完成轮播功能!
  3. 所属分类:Javascript

    • 发布日期:2017-06-28
    • 文件大小:1048576
    • 提供者:fengjingyu168
  1. vue2.0 实现轮播效果

  2. 使用vue2.0 实现的轮播效果,包括点击切换图片,自动轮播功能。
  3. 所属分类:Javascript

    • 发布日期:2018-08-19
    • 文件大小:81920
    • 提供者:amen000
  1. 基于vue2.0实现简单轮播图

  2. 主要为大家详细介绍了基于vue2.0实现简单轮播图,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  3. 所属分类:其它

    • 发布日期:2020-08-28
    • 文件大小:92160
    • 提供者:weixin_38705640
  1. 利用Vue实现移动端图片轮播组件的方法实例

  2. 轮播图是前端很常用的一个网页特效,几乎所有的网站或多或少都会用到这个特效。下面这篇文章主要给大家介绍了关于利用Vue实现移动端图片轮播组件的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下。
  3. 所属分类:其它

    • 发布日期:2020-08-29
    • 文件大小:55296
    • 提供者:weixin_38746018
  1. juqery,vue,vue组件三种方式实现轮播图

  2. 分别使用三种方式实现轮播图,响应式布局,能够自适应pc端和移动端,图片居中铺满盒子不变形,在需要的页面直接引用即可
  3. 所属分类:Web开发

    • 发布日期:2020-09-24
    • 文件大小:7168
    • 提供者:licuicui5201
  1. vue不操作dom实现图片轮播的示例代码

  2. 主要介绍了vue不操作dom实现图片轮播的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  3. 所属分类:其它

    • 发布日期:2020-10-15
    • 文件大小:50176
    • 提供者:weixin_38653602
  1. Vue实现图片轮播组件思路及实例解析

  2. 主要介绍了Vue实现图片轮播组件思路及实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-15
    • 文件大小:97280
    • 提供者:weixin_38719540
  1. 基于vue.js实现图片轮播效果

  2. 主要为大家详细介绍了基于vue.js实现图片轮播效果,vue如何实现轮播图效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  3. 所属分类:其它

    • 发布日期:2020-10-20
    • 文件大小:36864
    • 提供者:weixin_38503496
  1. Vue封装Swiper实现图片轮播效果

  2. 图片轮播是前端中经常需要实现的一个功能。最近学习Vue.js,就针对Swiper进行封装,实现一个简单的图片轮播组件。感兴趣的朋友跟随脚本之家小编一起学习吧
  3. 所属分类:其它

    • 发布日期:2020-10-18
    • 文件大小:79872
    • 提供者:weixin_38557515
  1. vue自定义js图片碎片轮播图切换效果的实现代码

  2. 主要介绍了vue自定义js图片碎片轮播图切换效果的实现代码,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-17
    • 文件大小:55296
    • 提供者:weixin_38663443
  1. vue不操作dom实现图片轮播的示例代码

  2. 本文介绍了vue不操作dom实现图片轮播的示例代码,分享给大家,具体如下: 效果 宽度为1190px且水平居中的轮播盒子; 中间是当前显示的默认尺寸图片; 左右两边是预显示的小尺寸图片; 轮播从右至左,图片逐渐放大。 做普通平滑轮播也可以参照这个思路 html <li v-for="(demo,index) in demoList" :key="index" :class="{'demo-left':demoStyle(index) == 0,'demo-active'
  3. 所属分类:其它

    • 发布日期:2020-11-27
    • 文件大小:309248
    • 提供者:weixin_38621104
  1. 基于vue2.0实现简单轮播图

  2. 因为之前一直在忙公司的项目,vue这块就生疏了不少,正好借这个小demo复习下vue的知识。 先来个效果图: 如图所示,实现的就是一个间隔2.5s自动向左切换下一张的轮播图,同时鼠标移入停止轮播,移出回复轮播; 而下方按钮会根据当前图片自动变红且可以手动控制当前图片。 思路: 整个demo分为轮播图片和控制span两个部分。 按照前端工程化的需求来说,这两个部分应该解耦成两个component最后再导入页面比较合理,但由于demo较为简单, 作为练手就不搞那么复杂了,对项目有追求【强迫症】的
  3. 所属分类:其它

    • 发布日期:2020-11-27
    • 文件大小:88064
    • 提供者:weixin_38553381
  1. Vue封装Swiper实现图片轮播效果

  2. 图片轮播是前端中经常需要实现的一个功能。最近学习Vue.js,就针对Swiper进行封装,实现一个简单的图片轮播组件。 一、Swiper 在实现封装之前,先介绍一下Swiper。 Swiper是纯Javascr ipt打造的滑动特效插件,面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择。 Swiper的应用场景广泛,实现效果很好,下面个这实际案例就是S
  3. 所属分类:其它

    • 发布日期:2020-11-26
    • 文件大小:176128
    • 提供者:weixin_38687199
  1. 使用Vue制作图片轮播组件思路详解

  2. 之前一直都没有认真的写过一个组件。以前在写业务代码的过程中,都是用的别人封装好的组件,这次尝试着写了一个图片轮播组件,虽然比不上知名的轮播组件,但它的功能基本完整,而且在写这个组件的过程中,学的东西也很多,在这里也给大家分享出来,如有疏漏,欢迎指正! 在制作这个组件之前,笔者google了不少关于轮播的文章,发现实现一个轮播的思路虽然各有不同,但是大的逻辑其实差不多,本文主要依据慕课网上焦点轮播图特效这节课,不过慕课网主要用原生JS写,而笔者则用Vue进行了重构,并且进行了一点修改。完成后的组件
  3. 所属分类:其它

    • 发布日期:2020-12-01
    • 文件大小:573440
    • 提供者:weixin_38562085
  1. 基于vue实现swipe分页组件实例

  2. 项目背景 图片轮播是前端项目必有项,当前有很多效果很酷炫的轮播插件,例如 Swiper 。 但是当我们项目中的图片轮播只需要一个很简单的轮播样式,比如这样的 我们引用这样一个 110k 的大插件,就大材小用了。再安利一下,swiper2.x和swiper3.x对移动和PC端支持情况如下图 当当当当~~~ 我们今天的主角登场了, thebird/Swipe ,这个插件完成了图片轮播需要的基本功能,只有 14.2k ,真真的 轻量级 啊。还有,还有 翻译一下,就是俺们全支持,不管你是PC端
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:86016
    • 提供者:weixin_38548817
  1. vue实现图片滚动的示例代码(类似走马灯效果)

  2. 上次写了一个简单的图片轮播,这个相当于在上面的一些改进。这个组件除了可以进行图片滚动外,也可以嵌入任何内容的标签进行滚动,里面用了slot进行封装。 父: -----使用子组件传过来的值,封装slot
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:54272
    • 提供者:weixin_38622467
  1. Vue实现图片轮播组件思路及实例解析

  2. 1、先看效果: 熟悉的图片轮播,只要是个网站,百分之90以上会有个图片轮播。我认为使用图片轮播。 第一可以给人以一种美观的感受,而不会显得网站那么呆板, 第二可以增加显示内容,同样的区域可以显示更多内容。  2、每学一个新东西 ,图片轮播都是很好的练手案例,而且,也很实用。     3、基本要求:页面加载,自动播放。鼠标悬停,停止播放。鼠标离开,继续播放         点击左右箭头切换上一张,下一张图片。         下方小圆点显示当前位第几张图片。  4、使用Vue实现        
  3. 所属分类:其它

    • 发布日期:2020-12-28
    • 文件大小:45056
    • 提供者:weixin_38660108
  1. OneMusic:仿移动端Web App音乐-Vue实现-源码

  2. 音乐 仿移动端音乐Web APP 构建设置 # 安装相关依赖包 npm install # 开发运行 npm run dev # 打包 npm run build # build for production and view the bundle analyzer report npm run build --report 前端技术栈 Vue全家桶 Vue.js框架 Vue.router前端路由 Vue.cli脚手架 威克斯 轴距 相关插件的使用 babel-polyfill babel-ru
  3. 所属分类:其它

    • 发布日期:2021-03-08
    • 文件大小:5242880
    • 提供者:weixin_42103128
  1. vue.js实现简单轮播图效果

  2. 学习了vue.js也有一段时间了,做了个小demo来熟悉一下,很常见的demo,——-轮播图,没学vue之前的轮播图用Javascr ipt或者jquery都非常简单,发现用vue来写也挺有意思的。说下简单的思路,图片的轮播用v-if或者v-show来代替原来的Js滑动,过度效果用transition可简单实现,注意,滑动过程中是能看见两张图的,所以要用两个transition。 (1)先写出整体的框架 <im
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:43008
    • 提供者:weixin_38560797
  1. 基于vue实现swipe轮播组件实例代码

  2. 项目背景 图片轮播是前端项目必有项,当前有很多效果很酷炫的轮播插件,例如Swiper。 但是当项目中的图片轮播只需要一个很简单的轮播样式,比如这样的 我们引用这样一个110k的大插件,就大材小用了。再安利一下,swiper2.x和swiper3.x对移动和PC端支持情况如下图 当当当当~~~ 我们今天的主角登场了,thebird/Swipe,这个插件完成了图片轮播需要的基本功能,只有14.2k,真真的轻量级 啊。还有,还有 翻译一下,就是俺们全支持,不管你是PC端(IE7+)还是移动
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:91136
    • 提供者:weixin_38659248
« 12 3 »