mui 常用手势

一 事件：

点击：
1. tap 单击屏幕
2. doubletap 双击屏幕
长按：
1. longtap 长按屏幕
2. hold 按住屏幕
3.release 离开屏幕
滑动：
1. swipeleft 向左滑动
2. swiperight 向右滑动
3. swipeup 向上滑动
4. swipedown 向下滑动
拖动：
1. drastart 开始拖动
2.drag 拖动中
3. dragend 拖动结束

 

二 效果：

1."auto"
自动选择动画效果，使用上次显示窗口设置的动画效果，如果是第一次显示则默认动画效果。

2."none"
无动画效果，立即显示页面， 此效果忽略动画时间参数，立即显示。 对应关闭动画"none"。

3."slide-in-right"
从右侧横向滑动效果,页面从屏幕右侧外向内横向滑动显示。 对应关闭动画"slide-out-right"。

4."slide-in-left"
从左侧横向滑动效果,页面从屏幕左侧向右横向滑动显示。 对应关闭动画"slide-out-left"。

5."slide-in-top"
从上侧竖向滑动效果,页面从屏幕上侧向下竖向滑动显示。 对应关闭动画"slide-out-top"。

6."slide-in-bottom"
从下侧竖向滑动效果,页面从屏幕下侧向上竖向滑动显示。 对应关闭动画"slide-out-bottom"。

7."fade-in"
从透明到不透明逐渐显示效果,页面从完全透明到不透明逐渐显示。 对应关闭动画"fade-out"。

8."zoom-out"

从小到大逐渐放大显示效果，页面在屏幕中间从小到大逐渐放大显示。 对应关闭动画"zoom-in"。

9."zoom-fade-out"

从小到大逐渐放大并且从透明到不透明逐渐显示效果，页面在屏幕中间从小到大逐渐放大并且从透明到不透明， 对应关闭动画"zoom-fade-in"。

例：

  window.addEventListener('swiperight', function () {
    qiao.h.indexPage().evalJS("window._indexPage.hideBackBtn();");
    qiao.h.hide('add', 'slide-out-right', 300);
  });