bui.swipe Class
Constructor
bui.swipe
(
-
option
Parameters:
-
option
Object-
id
String控件id
-
[uid]
String optional1.6.6新增,实例的自定义唯一名字,用于命令式调用
-
[handle]
String optional触发的区域,配合swipe可以滑动触发
-
[swipe]
Boolean optional1.6.6新增 默认 true(允许滑动) | false
-
[swiperight]
String optional触发右滑的目标
-
[swipeleft]
String optional触发左滑的目标
-
[swipeup]
String optional触发上滑的目标
-
[swipedown]
String optional触发下滑的目标
-
[direction]
String optionalx | y | xy
-
[width]
Number optionalid的宽度, 默认0 即 屏幕宽度
-
[height]
Number optionalid的高度, 默认0 即 屏幕高度
-
[autoClose]
Boolean optional1.6.6 默认 true (滑动时超出屏幕会自动关闭,用于修复手机端bug) | false
-
[movingDistance]
Number optionalhandle 移动的距离,默认位移280
-
[initDistance]
Number optionalhandle 初始化的距离,默认0
-
[relative]
Boolean optional1.6.6新增 默认 false 使用屏幕的宽度 | true 相对父级的宽度
-
[alwaysTrigger]
Boolean optional1.3.4增加 默认false; 不管滑动的距离有没有达标,总是触发open或者close事件
-
[hasChild]
Boolean optionalswipe下面有多个swipe的时候为true
-
[handleMove]
Boolean optionalhandle是否需要移动 默认 true | false
-
[targetMove]
Boolean optionaltarget是否需要移动 默认 true | false
-
[zoom]
Boolean optional是否缩放 默认 false | true
-
[distance]
Number optional默认40, 拖拽大于distance才会生效,配合delay可以防止slide又有上下其它事件
-
[transition]
Number optional默认300, 滑动动画的过渡时长
-
[onBeforeInit]
Function optional1.5.1新增 初始化前触发
-
[onInited]
Function optional1.5.1新增 初始化以后触发
-
Example:
html:
<div id="sidebarWrap" class="wrap">
<div class="swipeleft">往左滑动出现的内容</div>
<div class="bui-page">滑动区域</div>
</div>
js:
var uiSwipe = bui.swipe({
id: "#sidebarWrap",
handle: ".bui-page",
movingDistance: 200,
direction: "xy",
});