swiper
晒太阳的鱼il
这个作者很懒,什么都没留下…
展开
-
swiper的使用小实例:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0,maximum-scale=1.0...原创 2019-04-11 19:28:19 · 882 阅读 · 0 评论 -
@for 指令:
@for 表示,重复输出一组样式,对于每次重复,计数器变量用于调整每次输出的结果,该指令有两种形式:1.@for $var from <start> to <end>2.@for @var from <start> through <end>注意关键字through和to的区别:@for 将制定@var为指定的范围内每个连续的数值,并...原创 2019-04-12 11:06:46 · 2221 阅读 · 0 评论 -
noSwiping
noSwing()方法使用时,其值可为true/false,当值为true时,就可以在slide上或其他元素上添加类名为"swiper-no-swiping"的类,有了这个类,元素就可以实现无法滑动,该类名可以通过"noSwipingClass"修改。如:$(".swiper-slide").eq(2).addClass("swiper-no-swiping");swiper对象里有很...原创 2019-04-12 11:07:03 · 666 阅读 · 0 评论 -
onSlidechangeEnd() 方法:
onSlidechangeEnd()方法 表示从一个slide切换到另一个slide结束:var swiper = new Swiper('.swiper-container',{ direction:'vertival', //添加回调函数 onSlidechangeEnd:function(swiper) { alert(...原创 2019-04-12 11:07:17 · 2987 阅读 · 0 评论 -
sass的函数语法:
@function 函数名($变量) { @return 变量进行计算; //直接返回结果}注意:函数名要起的有意义,方便开发中识别其含义。如:sass代码如下:@function p2r($size) { @retunr ($size/32)*1rem;}body{ width:p2r(20);...原创 2019-04-12 11:07:50 · 488 阅读 · 0 评论