swiper还是很强大的。但是 官方文档 比较难懂,设计思路是这样的都没有说明。用的时候都不知道在哪个配置项上设置。把用到的总结下: 官网地址:https://www.swiper.com.cn/ (在vue中使用 也有简单说明) 1、ui修改上的配置 应该都是在 网格分布 里(ui还是很重要的,这 ...
分类:
其他好文 时间:
2020-06-03 12:09:35
阅读次数:
63
wxml <scroll-view scroll-y="true" scroll-into-view="{{scrollIntoView}}" bindscroll="onScroll"> <swiper class="page_class" indicator-dots="true" autopl ...
分类:
微信 时间:
2020-06-02 13:34:45
阅读次数:
345
wxml文件 <!--pages/goods_detail/index.wxml--> <view class="detail_swiper"> <swiper autoplay="{{true}}" circular="{{true}}" indicator-dots> <swiper-item ...
分类:
其他好文 时间:
2020-06-02 11:37:58
阅读次数:
85
Web开发:PHP/Node Web框架:ThinkPHP/CodeIgniter 前端框架:AngularJS/Vue/EmberJS/Cocos2dJS/Ionic 前端样式库:WeUI/Bootstrap/AmazeUI 前端工具库:jQuery/Zepto 前端插件:Swiper/Iscro ...
分类:
其他好文 时间:
2020-06-01 11:45:14
阅读次数:
128
let appSwiper = new Swiper ('.applet-swiper-container', { direction: 'horizontal', // 垂直切换选项 loop: true, // 循环模式选项 autoplay: true, }); autoplay:true 默 ...
分类:
其他好文 时间:
2020-05-25 16:03:44
阅读次数:
635
给每个元素不同的停留时间 让某些元只轮播一次 ...
分类:
其他好文 时间:
2020-05-25 12:03:58
阅读次数:
57
.wx-swiper-dots{position:relative;left: unset!important;right: 0;} .wx-swiper-dots.wx-swiper-dots-horizontal{ margin-bottom: -5rpx; } ...
分类:
微信 时间:
2020-05-23 09:50:46
阅读次数:
648
swiper中轮番播放三个色块,父容器的class为"container"时不能显示出来,现象为白屏,当把container改为其它即可,container应该为swiper的保留字符, //container改为其他,如:mycontainer <view class="container"> < ...
分类:
微信 时间:
2020-05-23 09:39:10
阅读次数:
200
作者:gou-tian来自:github 幻灯片 使用微信小程序原生组件swiper实现。 <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{d ...
分类:
微信 时间:
2020-05-19 00:55:56
阅读次数:
97
前言 最近小程序项目需要一个 弹框 展示 轮播图 。项目用的 mpvue 框架,使用 colorUi 的轮播图时, <swiper class="card-swiper round-dot" indicator-dots="true" circular="true" autoplay="true" ...
分类:
其他好文 时间:
2020-05-18 18:13:12
阅读次数:
169