没有合适的资源？快使用搜索试试~
我知道了~
文库首页
行业
互联网
前端vue-awesome-swiper实现上下两级相互联动
前端vue-awesome-swiper实现上下两级相互联动
vue.js
javascript
ecmascript
前端框架
5星
· 超过95%的资源
需积分: 45
3 下载量
77 浏览量
2021-12-02
17:14:07
上传
评论
1
收藏
4KB
VUE
举报
温馨提示
立即下载
开通VIP（低至0.43/天）
买1年送3月
前端vue-awesome-swiper实现上下两级相互联动，绝对优秀！！！
资源推荐
资源评论
vue-awesome-swiper 基于vue实现h5滑动翻页效果【推荐】
浏览：192
5星 · 资源好评率100%
说到h5的翻页，很定第一时间想到的是swiper。但是我当时想到的却是，vue里边怎么用swiper？！ vue-awesome-swiper就是其中一个前辈们产出的结晶。就看首尾两个单词，就知道他是vue和swiper的爱情之子了。 vue-awesome-swiper官网是中文文档，妈妈再也不用担心我读api啦。“基于 Swiper4、适用于 Vue 的轮播组件”。在产品催着进度的紧张环境下，
两个轮播滑块互相控制
浏览：65
两个轮播滑块互相控制 这里需要引用的css 和 js 都需要去http://www.swiper.com.cn/download/index.html swiper中文网下载 这个也是参照swiper例子以及api 改的
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&平移轮播效果
浏览：104
旋转叠加 平移 前段时间做Hybrid App，UI设计湿要求某一个页面的展示要实现滑动轮播效果，选中的内容卡片居中显示，上一个内容卡片和下一个内容以小一倍的大小显示在选中的卡片后头，而且要高斯模糊等等。。最骚的是滑动特效要是一个个旋转叠加。（摔！ 当时用的是vue-cli-3 + ant-design-vue实现的页面，发现ant-design-vue里头有现成的Carousel组件
基于vue.js轮播组件vue-awesome-swiper实现轮播图
浏览：186
一般做移动端轮播图的时候，最常用的就是Swiper插件了，而vue.js也有一个轮播组件vue-awesome-swiper，用法跟swiper相似。 1.安装vie-awesome-swiper nam install vue-awesome-swiper --save-dev 2.引用vie-awesome-swiper组件，这里我是用vie-cli创建的项目,在main.js： impo
ScrollView实现上下联动
浏览：133
使用UIScrollView实现上线联动类似网易新闻的效果
手机触屏/pc滑动tab菜单选项卡切换效果
浏览：173
jquery touchslider.js实现手机端触摸屏互动左右切换上下联动的tab菜单选项卡，你值得拥有
超级简单的一个HTML二级联动.HTML
浏览：60
4星 · 用户满意度95%
一个超级超级简单的一个HTML二级联动，仅供分享
swiper+jquery制作的移动端日期选择器
浏览：103
自己制作的一个jquery插件。因为项目需要，制作了一个可以选择日期，月份，年份的日期插件。结合了swiper,在移动端适用。 注意：dateMonthYearPicker.js文件中的$("#datetime")需要改为obj
双重横向菜单 多个swiper
浏览：144
双重横向菜单 多个swiper
vue引入新版 vue-awesome-swiper插件填坑问题
浏览：18
本文介绍了关于新版 vue-awesome-swiper，分享给大家，具体如下： 问题 为什么我的vue-awesome-swiper组件pagination小圆点不显示问题? 为什么我的vue-awesome-swiper不会自动播放？ 为什么我的vue-awesome-...
vue-awesome-swiper-master.zip
浏览：156
5星 · 资源好评率100%
vue.js触摸滑动组件
vue使用swiper实现左右滑动切换图片
浏览：160
使用npm 安装vue-awesome-swiper npm install vue-awesome-swiper --save 在main.js中引用 import VueAwesomeSwiper from 'vue-awesome-swiper' Vue.user(VueAwesomeSwiper) import 'swiper/dist/css/swiper.css' ...
vue轮播图插件vue-awesome-swiper
浏览：72
Vue-Awesome-Swiper 轮播图插件，可以同时支持Vue.js（1.X ~ 2.X），兼顾PC和移动端，SPA和SSR。 例子 例子 安装设置 安装Install vue-awesome-swiper npm install vue-awesome-swiper --save vue挂载 // import ...
vue-awesome-swiper滑块插件使用方法详解
浏览：111
本文实例为大家分享了Android...npm install vue-awesome-swiper --save 2.引入资源 //vue滑块 import VueAwesomeSwiper from 'vue-awesome-swiper' Vue.use(VueAwesomeSwiper) 3.编辑组件 <swiper :options=swip
vue轮播图插件vue-awesome-swiper的使用代码实例
浏览：23
5星 · 资源好评率100%
最近写vue2.0项目中用到了轮播图的一个插件，也就是vue-awesome-swiper，个人感觉还是比较强大的，swiper官网中的API及配置均可使用(支持3.0)，以下说下使用该插件的一些步骤： 第一步安装 npm install vue-...
vue生命周期来解释为什么vue-awesome-swiper插件中length=01
浏览：154
vue生命周期来解释为什么vue-awesome-swiper插件中length=01
swiper滑动-上下左右滑动结合
浏览：95
4星 · 用户满意度95%
swiper各种滑动demo，还有左右滑动中间嵌入上下滑动，代码简介，案例多，种类全，之后在我的博客里，也会有些swiper滑动使用得介绍(加入动画,左右滑动嵌入上下滑动)
vue实现整屏滚动切换
浏览：163
1、下载vue-awesome-swiper npm i vue-awesome-swiper -S 2、在main.js引入 import vueAwesomeSwiper from 'vue-awesome-swiper' Vue.use(vueAwesomeSwiper); 3、直接上案例，新建一个路由页面 ...
vue-awesome-timeline:vue.js应用程序中用于时间轴的Vue模块
浏览：109
npm $ npm install vue-awesome-timeline -D CDN CDN： https ： //unpkg.com/vue-awesome-timeline/vue-awesome-timeline.js < script src =" ...
vue-awesome-mui：Vue.js的Mui组件（1.x〜2.x）
浏览：6
Vue真棒梅 Vuejs 2.x的Design Mui库链接安装安装vue-awesome-mui npm install vue-awesome-mui -save开始使用Vue支架// import or requireimport Vue from 'vue'import Mui from 'vue-awesome-mui'import 'vue-...
echarts-gl.min.js
浏览：91
报错“Component series.bar3D not exists. Load it first.”时下载并引用
自主研发的软著申请代码文档整理输出工具
浏览：40
5星 · 资源好评率100%
可在软著申请时使用的代码文档整理输出工具，可选择多个特定目录，设置多类型文件，指定选择生成代码文档，可操作性很好，并且在生成word代码文档时，过滤了所有空白行和注释，过滤的注释类型涵盖mysql、java、php、python、js、html、node、vue等所有大类语言。 软件环境：win10、win7、win8、win xp 更新日志： 2022年6月1日：更新了动态进度展示，无响应超时等
某红书x-s加密算法补环境版本（当前可用，8.28更新）
浏览：23
某红书x-s算法纯js补环境版本。 使用python execjs调用js实现，内含完整接口调用Demo。 zip包内是某红书的补环境版本x-s参数的加密生成算法，独立JS文件，提供完整可用的调用测试示例，有问题可以联系作者。
2023前端面试八股文.pdf
浏览：13
5星 · 资源好评率100%
前端面试八股文，包含vue，react ，HTML，Css，Js内容
javascript网页设计期末作业 购物网站
浏览：106
5星 · 资源好评率100%
这其实是我的期末作业，上传到网上是为了造福广大计算机专业的同学们∠( ᐛ 」∠)＿ 网页共分为五个子网页，分别为： 1.登录页面 2.主页 3.购物车 4.留言板 5.个人中心 其中主页完成度最高，可以单独拿出来使用(不过需要删掉登录验证模块) 网页实现的主要功能有： 1.登录及验证 2.轮播图 3.下拉菜单 4.倒计时 5.tab栏 6.固定导航栏 7.留言板 8.购物车(包括商品的添加、删除、
javaWeb楠小弟自助图书系统项目，使用注解方式配合原生js、axios方式完成整个项目的开发，系统只适合在javaWeb阶段
浏览：109
，使用注解方式配合原生js、axios方式完成整个项目的开发，系统只适合在javaWeb阶段，
echarts.min.js
浏览：6
echarts.min.js 文件，pyecharts 白屏专用，放在本地 .py 文件同级目录，加上一行代码 CurrentConfig.ONLINE_HOST = '' 运行不再白屏！
基于JavaScript网红太空人表盘
浏览：88
5星 · 资源好评率100%
网红太空人表盘
评论
收藏
内容反馈
立即下载
开通VIP（低至0.43/天）
买1年送3月
资源评论
资源反馈
评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~
联系上传者
评论
马李灵珊
2023-06-11
通过这个实现方式，我终于实现了一个我一直想做的效果。
五月Eliy
2023-06-11
视觉效果真的非常赞，比我想象中的还要好。
尹子先生
2023-06-11
这份文件让我学到了很多关于vue-awesome-swiper的知识。
maXZero
2023-06-11
非常感谢作者的分享，让我们在开发中更加高效。
张博士-体态康复
2023-06-11
能够帮助前端开发者快速搭建轮播图，非常方便。
1
2
前往
页
我就不思
粉丝: 1375
资源:
5
私信
上传资源 快速赚钱
我的内容管理
展开
我的资源
快来上传第一个资源
我的收益
登录查看自己的收益
我的积分
登录查看自己的积分
我的C币
登录后查看C币余额
我的收藏
我的下载
下载帮助
前往需求广场，查看用户热搜
最新资源
stm32f1 编写MPU6050程序代码
js+jquery实现经典推箱子游戏
图像处理领域的频域变换与图像增强技术综述
图像变换与图像增强方法解析
计算机视觉课程概论及其核心技术讲解
密码；qinzechen c++题目答案
Xstream使用介绍WORD版最新版本
鸿蒙课程建设与实验室建设实践
分布式数据库HBaseWORD版最新版本
毕业设计基于监督学习的web入侵检测系统源码.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
安全验证
文档复制为VIP权益，开通VIP直接复制
信息提交成功
- 1
- 2
前往页