为了让用户的体验效果有一个很大的提升，在删除 单行信息 的 时候，我们逐渐从点击删除到向左 滑动实现删除。那么小程序的左滑删除是怎么实现的呢？ 效果如图： 第一步：先进行页面的布局： <!-- 自定义单选/多选/全选实现删除功能 --> <view class="item-box"> <view c ...
分类：
其他好文 时间：
2018-07-08 01:02:25
阅读次数：
231
用过photoswipe做移动端图片预览的小伙伴都知道，这个插件存在一个data-size，必须要填写，但是如果你的图片尺寸比例不是固定的，那这个属性就会带来无尽的烦恼，我个人在使用jQuery时，发现一种解决办法 window.onload=function(){auto_data_size(); ...
分类：
其他好文 时间：
2018-07-03 15:07:31
阅读次数：
146
注、一般如果一个项目只需要一两处使用swiper时，不需要把swiper的css文件引进去，只需要把需要的几个类在swiper.css中复制出来，粘贴到自己的项目css中即可。 改变按钮颜色（红色框是按钮颜色值） ...
分类：
其他好文 时间：
2018-07-02 14:51:26
阅读次数：
439
1、添加swiper滚动banner 初始化 ...
分类：
其他好文 时间：
2018-07-02 10:57:52
阅读次数：
141
swiper组件类似于Android中的ViewPager，实现类似轮播图的效果，相对于Android的Viewpager,swiper实现起来更加方便，快捷。 效果图： 首先看下swiper支持的属性： 具体实现轮播功能： 一、添加轮播图片素材 在项目根目录下新建一个目录用于存储图片资源，目录名随 ...
分类：
其他好文 时间：
2018-07-01 00:24:42
阅读次数：
246
当父元素是flex: 1 布局 子元素设置 一行多出隐藏...就会失效，只要在父元素加入min-width：0 就能解决 刷新页面轮播图默认显示到最后一张问题解决： 因为数据初始化的时候 定义的list接收是个空数组，所以会出现这样的情况， 所以我们在swiper组件进行判断 v-if=”list. ...
分类：
其他好文 时间：
2018-06-29 19:57:21
阅读次数：
478
在项目中使用vue-awesome-swiper如果loop和autoplay总是出现各种问题,第一次加载的时候,轮播是不动的,需要重新加载一下swiper才会轮播 解决方案: 需要添加上两个属性,这样达到一个初始化swiper的目的 ...
分类：
其他好文 时间：
2018-06-21 13:45:23
阅读次数：
2714
最近做一个项目，由于用到了竖向swiper，导致占用屏幕过大，用户滑动总是滑动到swiper组件，页面无法向下拉动，于是找各种办法禁止用户手动滑动swiper组件。 经过网上一番查找，网友们也是闹洞大开，各种方法都想出来了，有用透明蒙层覆盖的，这不失为一种很好的解决办法，但是如果swiper上有元素 ...
分类：
微信 时间：
2018-06-20 21:18:39
阅读次数：
5060
1.引入Swiper插件js脚本和css样式文件。 2.按照swiper-container/swiper-wapper/swiper-slide的固定结构搭建页面。 3.Swiper初始化。 4.利用Swiper方法实现每个单独页面可滚动。 ...
分类：
其他好文 时间：
2018-06-19 16:24:17
阅读次数：
348
不管是APP还是移动端网页开发，轮播图在大部分项目当中都是存在的，这时候如果用vue开发项目，选择一款好的插件并且封装好是很重要的 1. 推荐使用vue-awesome-swiper 安装：cnpm install vue-awesome-swiper --save 2. 在main.js文件中引入 ...
分类：
其他好文 时间：
2018-06-16 17:03:09
阅读次数：
147
