【转】小程序-广告轮播/控制属性 微信小程序广告轮播元素<swiper></swiper> 图片所在元素<swiper-item>/swiper-item> 其中属性有: autoplay:true,//是否自动播放 autoplaytxt:"停止自动播放", indicatorDots: true ...
分类:
其他好文 时间:
2018-01-06 14:31:45
阅读次数:
370
Swiper插件大家都知道的,手机端页面开发过程中,轮播用这个插件灰常方便的!关键是调用简单,大大的提高了开发的效率; 但是在Tab切换中调用,Swiper插件就会出问题,失效了,布局结构如下图: 解决办法: 调用的时候加入observer:true,observeParents:true这两个属性 ...
分类:
移动开发 时间:
2017-12-28 11:41:58
阅读次数:
515
关于swiper图片切换有很多类型,我就不一一介绍了,可以直接到官网查询,今天来写一个适配于页面正中间的图片切换,也同时适配于任何图片的大小(也就是这个图片切换不用限制图片的本身大小,特别是移动端动态获取的图片有可能大小不一致),所以无论任何图片若是都想让其一直处于移动页面的正中间的话,那么就要获取 ...
分类:
移动开发 时间:
2017-12-27 20:27:08
阅读次数:
346
在body最后添加如下js 页面引入这两个文件: 效果如图: ...
分类:
其他好文 时间:
2017-12-26 14:16:35
阅读次数:
196
$(function(){ $.fn.autoHeight = function(){ function autoHeight(elem){ elem.style.height = 'auto'; elem.scrollTop = 0; //防抖动 elem.style.height = elem. ...
分类:
其他好文 时间:
2017-12-20 20:22:15
阅读次数:
110
wxhtml: <view class="swiper-tab"> <view class="tab-item swiper-tab-item {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="clickTab">我要取专票</view ...
分类:
其他好文 时间:
2017-12-19 00:59:49
阅读次数:
200
各项配置都好了,就可以开始写静态页面了,先别急着写,看一下页面又哪些公用的部分可以提取出来的,统一放到components组件文件夹中 header头部文件夹放一些头部常用组件,如首页的banner切换封装一个swiper组件,tab切换封装一个tab组件,头部的标题封装一个vHeader组件 fo ...
分类:
移动开发 时间:
2017-12-17 20:44:46
阅读次数:
625
在vue的项目中出现了以下错误: 根据检查发现是引入swiper.js导致的问题,导致swiper解析错误(放在了文件src中) 解决方法,是把静态的文件放在static的文件夹下面,即 这样就能打印到结果。分析,swiper.js是不需要经过webpack编译的,不能放在src路径下 ...
分类:
Web程序 时间:
2017-12-16 18:40:43
阅读次数:
2120
为你推荐 新品上架 最热商品 为你推荐 为你推荐 为你推荐 为你推荐 为你推荐 新品上架 最热商品 /**index.wxss**/ .userinfo { display: flex; flex-direction: ... ...
分类:
其他好文 时间:
2017-12-16 12:57:05
阅读次数:
991