前两天的一个项目中遇到多组图片无限轮播，当时采用了swiper 但是没有解决让它无限轮播。今天再次尝试了一下发现是自己的样式写错了。今天在这里写一下，为了给自己一个警醒不要犯同样的错误 首先先引入一下swiper的css文件和js文件 之后再HTML中写入轮播的 css样式 script 这样就可以 ...
分类：
其他好文 时间：
2019-04-15 14:36:28
阅读次数：
513
使用步骤 1.引用js 2.html部分 tip:修改箭头样式 ...
分类：
其他好文 时间：
2019-04-12 11:51:21
阅读次数：
121
主要看你的轮播是怎么写的，一般用ID区分就行了 以常用的轮播插件Swiper为例 ...
分类：
其他好文 时间：
2019-04-04 14:23:04
阅读次数：
216
微信小程序轮播图一般用swiper组件制作,在文档中是指：滑块视图容器 它的属性如下： eq: wxml: <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" durat ...
分类：
微信 时间：
2019-04-03 12:42:19
阅读次数：
256
一、滑块组件 1、vue中Swiper 1.安装swiper 2.启用swiper 3.引入swiper样式 在index.html或者main.js文件中引入css样式文件 ...
分类：
其他好文 时间：
2019-04-03 12:28:03
阅读次数：
336
制作滚动条除了scroll-view,还可以使用swiper，其中，默认为横向滚动，若要设置为纵向滚动则为vertical='{{ true }}' 以下为开发中的一个案例： wxml部分 <view class="elegant"> <swiper style="height:80rpx;" au ...
分类：
其他好文 时间：
2019-04-02 15:29:17
阅读次数：
156
1.安装swiper，执行npm install vue-awesome-swiper --save命令 2.在main.js中添加下面三行 3.在html部分添加 4.将下面js部分添加到data里面 ...
分类：
其他好文 时间：
2019-03-30 16:09:13
阅读次数：
769
官网地址：https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html index.wxml文件 mode:图片缩放方式，如果不设置改属性，样式可能失效 mode相关属性官网：https://developers.wei ...
分类：
微信 时间：
2019-03-22 11:54:29
阅读次数：
317
jquery 1.swiper.min.js 轮播图 https://www.swiper.com.cn/usage/ 2.video-js 视频播放 http://www.jq22.com/jquery-info404 3.scrollReveal.js 滚动展示动画 https://scroll ...
分类：
其他好文 时间：
2019-03-21 19:58:46
阅读次数：
187
