本来想用swiper插件的,可是需求居然说要汉字当导航栏这就没办法了,只能自己写。 directive CSS 引用 控制器 tabList 是汉字导航栏 imgList 是图片链接数组 autoplay 是切换时间 效果图 好的,完成了。 ...
分类:
Web程序 时间:
2017-09-11 11:06:39
阅读次数:
207
使用angularjs动态循环生成swiper-slide类,在swiper-wrapper里生成6个以上的滑动页,可是就是划不到第二页,尝试将longSwipesRatio的值修改到最小,仍然不起作用。 1 2 3 4 5 6 7 8 <div class="swiper-wrapper" > < ...
分类:
其他好文 时间:
2017-09-09 16:28:49
阅读次数:
1207
一、滑动轮播插件Swiper Swiper官网http://www.swiper.com.cn/, 这款插件移动端,pc端均试用 二、jquery-tmpl 让你从拼接字符串中解放出来 官方下载地址https://github.com/BorisMoore/jquery-tmpl 三、万能浮动层下拉 ...
分类:
Web程序 时间:
2017-09-08 20:36:54
阅读次数:
157
效果如下: 直接上代码了: 说明:轮播图基于swiper.js,自行下载。css在最后 css: ...
分类:
其他好文 时间:
2017-09-07 01:01:28
阅读次数:
294
var mySwiper = new Swiper ('.swiper-container', { direction: 'horizontal', loop: true, autoplay: 5000, autoplayDisableOnInteraction : false, //控制使用分页器 ...
分类:
其他好文 时间:
2017-09-05 09:56:39
阅读次数:
180
1.index.wxml文件 <!--index.wxml--> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> < ...
分类:
微信 时间:
2017-08-30 20:51:05
阅读次数:
764
加上 autoplayDisableOnInteraction : false 便可以解决此问题 ***知识点*** 官网介绍 ...
分类:
其他好文 时间:
2017-08-25 14:53:42
阅读次数:
355
注意:其中只可放置<swiper-item/>组件,其他节点会被自动删除。 swiper-item 仅可放置在<swiper/>组件中,宽高自动设置为100%。 <view class="page"> <view class="page__hd"> <text class="page__title" ...
分类:
其他好文 时间:
2017-08-21 17:50:32
阅读次数:
229
一、臭美app效果: 我的需求是这样,上面正常滑动,点击下面的小卡牌,上面的滑动区也随之切换到当前的点击态。 二、实现: css: 主要设置可见区域的几张卡牌的位置,注意的几个位置是,中间的激活态和左右两边的元素,swiper已经在运行的时候给他们加上了固定的类名。 html: JavaScript ...
分类:
移动开发 时间:
2017-08-16 11:32:56
阅读次数:
403
解决方案:1.autoHeight: true;缺点:有明显的跳动效果2.先给容器设固定高度,每次滑动多少时,改变当前tab页的容器高度,我在实现是遇到一点小问题,代码忘记保存了。 3.滑动切换第二个页面的顶部,需要用scrollTop实现, onSlideChangeStart: function ...
分类:
其他好文 时间:
2017-08-13 23:26:20
阅读次数:
607