视图容器:wx-view,wx-scroll-view,wx-swiper,wx-swiper-item基础内容:wx-icon,wx-text,wx-progress,wx-mask表单组件:wx-input,wx-button,wx-label,wx-form,wx-checkbox,wx-ch ...
分类:
微信 时间:
2018-02-02 17:11:16
阅读次数:
363
需要下载的js是:swipe.js文件,http://www.swiper.com.cn/download/index.html 代码: ...
分类:
移动开发 时间:
2018-01-30 17:11:33
阅读次数:
214
1、图片轮播: swiper高宽必须设在swiper里面。swiper-item作为swiper组件的子集默认的高宽与swiper相同。(swiper-item仅可放置在<swiper/组件中,宽高自动设置为100%>) vertical="{{false}}"(纵向) indicator-dots ...
分类:
微信 时间:
2018-01-29 22:33:56
阅读次数:
318
{{item}} 1 2 3 4 .swiper-tab { width: 100%; text-align: center; line-height: 80rpx; margin-top: 10rpx; background: #fff; } swiper-item{ display: inlin... ...
分类:
微信 时间:
2018-01-28 16:25:44
阅读次数:
910
var lables = new Swiper('.labs', { observer: true,//修改swiper自己或子元素时,自动初始化swiper observeParents: true//修改swiper的父元素时,自动初始化swiper }) ...
分类:
其他好文 时间:
2018-01-24 00:48:09
阅读次数:
1516
1.jquery 2.vue 3.swiper 如果你不想将Swiper文件放在你的项目中,你可以使用Swiper的CDN服务。 以下是各版本的Swiper CDN地址,要将4.x.x改成相应的版本,如4.0.2(或3.x.x版本)。 ...
分类:
Web程序 时间:
2018-01-21 17:43:47
阅读次数:
453
微信小程序里没有自带选项卡组件,但是却带有swiper组件,所以,我们便利用swiper来实现选项卡的功能。 先看效果图: 实现代码: 页面代码: 1 2 3 4 5 6 7 8 9 10 11 <view class="swiper-tab"> <view class="swiper-tab-it ...
分类:
微信 时间:
2018-01-20 12:47:17
阅读次数:
367
转载请注明出处:http://www.cnblogs.com/shamoyuu/p/vue_vux_app_2.html 项目github地址:https://github.com/shamoyuu/vue-vux-iconan 首先先修正上一章的一个问题,就是footer的定位,默认是absolu ...
分类:
其他好文 时间:
2018-01-19 18:50:23
阅读次数:
1085
在页面body中插入 页面引入swiper.min.js,swiper.min.css文件以及jquery文件 测试结果: ...
分类:
其他好文 时间:
2018-01-16 17:59:12
阅读次数:
190
笔记内容:小程序的模板化编程笔记日期:2018-01-08将业务中的数据分离到单独的数据文件中之前编写的新闻列表页面中,我们把示例数据都放在了js文件中,但实际上数据是不应该写在js文件中的,所以我们得把这些数据分离到一个单独的数据文件中。然后post.js文件就加载这个数据文件中的数据即可,这样也可以模拟一下加载服务器数据的过程。1.新建一个data目录,并在该目录下创建一个.js文件:2.将数
分类:
其他好文 时间:
2018-01-08 19:13:51
阅读次数:
335