使用ngRoute和ngAnimate配合使用,可以实现页面切换的效果。 如果有使用过swiper,就知道这个效果是怎么样的。 代码: 这里ng-show无效 ng-if会移除dom,生成dom,而ng-show只是改变其display属性。 display来实现显示隐藏,在渲染过程中会对动画效果无 ...
分类:
Web程序 时间:
2016-11-06 17:05:29
阅读次数:
397
1.下载插件swiper.animate-twice.min.js,加载进页面。 <!DOCTYPE html> <html> <head> ... <link rel="stylesheet" href="path/to/swiper.min.css"> <link rel="stylesheet ...
分类:
其他好文 时间:
2016-11-02 01:43:25
阅读次数:
538
常用属性: 效果图: swiper.wxml添加代码: js: css: ...
分类:
微信 时间:
2016-10-22 23:59:42
阅读次数:
740
组件(Component)是小程序视图的基本组成单元,可以把它想象成Html中的组件,你可以通过组合这些基础组件快速开发小程序的界面。小程序的组件包括以下内容:大类具体组件说明视图容器view视图scroll-view可滚动视图区域swiper滑块视图区域基础容器icon图标text文本progress进度..
分类:
其他好文 时间:
2016-10-20 07:56:46
阅读次数:
571
微信小程序的轮播图swiper,调用后,怎样覆盖系统的 点,达到自己想要的效果 不多说,先上一图望大家多给意见: 这个是效果图: 微信小程序效果图就成这样子: <view class="section section_gap swiper"> <swiper indicator-dots="{{in ...
分类:
微信 时间:
2016-10-13 19:14:55
阅读次数:
637
1.移动页面点击出现页面穿透问题: http://www.tuicool.com/articles/6NfaUnM 2.轮播组件swiper动态加载数据左右不好滑动问题: http://www.cnblogs.com/xiongmaolala/p/4692099.html 3.微信页面中ios自动识 ...
分类:
移动开发 时间:
2016-10-09 13:38:10
阅读次数:
186
对比之前Swiper滑块1来说,我们添加一下背景颜色来看看: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Swiper之滑块2</ ...
分类:
其他好文 时间:
2016-10-08 14:01:13
阅读次数:
160
最炫3D走一波: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Swiper之滑块3</title> <link rel="styl ...
分类:
其他好文 时间:
2016-10-08 13:34:42
阅读次数:
147
上章Swiper滑块2、Swiper滑块1都是手动的,这章我们来自动的! 其实只加Swiper的speed(滑动速度即slider自动滑动开始到结束的时间)属性而已(∩_∩),单位是ms 我们来看看speed的参数: 上代码: <!DOCTYPE html> <html> <head> <meta ...
分类:
其他好文 时间:
2016-10-08 13:18:11
阅读次数:
165
在APP端上的轮播效果 跟 利用bootstrap的道理是一样的 我是利用swiper制作的 跟上一篇 一样 只需将swiper的JS css文件引入到html 再复制想要的某一种效果的代码即可图片中地址栏 就是swiper的官网地址 有兴趣的可以去看下 有各种的特效 对于还未学习JS的 又想实现各 ...
分类:
移动开发 时间:
2016-10-08 02:14:30
阅读次数:
210