引入CSS文件：swiper.min.css、animate.min.css JS文件：swiper.min.js、swiper.animate.min.js、jquery.min.js 步骤： 1. 使用Swiper Animate需要先加载swiper.animate.min.js和animat ...
分类：
其他好文 时间：
2018-06-14 15:07:04
阅读次数：
1912
当我使用这个插件时发现不可以在每一节上写上height：auto或者height：100%，如果使用这样的确可以让页面自适应高度，但是分页器会不显示在页面的的中间，而且并不是每一页的显示。 如： 此时应该要给swiper-container类 设置如下即可。 完成！ ...
分类：
其他好文 时间：
2018-06-10 15:30:02
阅读次数：
1640
1.样式一 2.无缝轮播 3.基于bootstrapt下的轮播图 4.基于swiper下的轮播图 ...
分类：
其他好文 时间：
2018-06-09 23:09:43
阅读次数：
163
swiper(class名).wx-swiper-dots.wx-swiper-dots-horizontal{ //距离底部高度 margin-bottom: 2rpx; } swiper(class名) .wx-swiper-dot{ //指点宽高样式 width:40rpx; display: ...
分类：
其他好文 时间：
2018-06-09 18:49:58
阅读次数：
463
刚刚练习布局使用了一下swiper容器； 遇到的问题：1.外层嵌套<view class='container'></view>该组件不显示； 2.在iphone5显示是宽度占满屏幕的；换了更大屏幕占不满，右边有空隙； 解决办法：1通过实验这个组件外层就是不能嵌套<view class='conta ...
分类：
微信 时间：
2018-06-07 10:24:46
阅读次数：
5581
?记在前面 你有多自律，就有多美好。 一、新建home.vue 1.上一篇为了方便展示，把头部my-header组件放在了App.vue，现在我们删掉App.vue里的头部组件，然后在view文件里面新建一个home.vue页面，之后把头部组件和今天要讲的轮播图组件都放在home.vue页面 2.在 ...
分类：
其他好文 时间：
2018-06-02 22:53:41
阅读次数：
523
wxml <view > <scroll-view scroll-x="true" class="tab-h" scroll-left="{{scrollLeft}}"> <view class="tab-item {{currentTab==0?'active':''}}" data-curren ...
分类：
微信 时间：
2018-06-02 11:19:11
阅读次数：
976
我们经常能够看到在图片轮播中，穿插着视频的播放，如下图为淘宝的一个产品轮播图，放个视频能够让顾客对产品有个更全面的认识。 我们可以用swiper实现这个功能。用法就跟放图片一样，只是这里把图片换成视频就可以了。 只是如果放的是视频的话，就有一个问题，就是我们怎么在滑动结束的时候，自动停止播放上一个视 ...
分类：
其他好文 时间：
2018-06-01 19:12:53
阅读次数：
2326
html部分 <view class="container"> <view class="swiper"> <swiper indicator-dots="{{indicatorDots}} autoplay="{{autoplay}}" interval="{{interval}}" durati ...
分类：
其他好文 时间：
2018-05-22 12:50:55
阅读次数：
281
CSS类 normalize.css animate.css 动画库 Hover.css 悬停效果集合 Spinkit加载动画CSS集合 插件 Progressjs进度条 fullPage全屏单页滚动 introjs步骤引导插件 Swiper 移动端滑动插件 bxslider 轮播插件 wow 页面 ...
分类：
其他好文 时间：
2018-05-19 17:08:41
阅读次数：
158
