zoukankan      html  css  js  c++  java
  • 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);
      });
    

      

    https://www.tongbiao.xyz/
  • 相关阅读:
    jQuery-File-Upload文件上传
    JavaScript探秘:强大的原型和原型链
    JavaScript 开发进阶:理解 JavaScript 作用域和作用域链
    前端开发面试题及答案
    JSP页面
    XMLHTTP.readyState的五种状态
    HTTP: The Protocol Every Web Developer Must Know
    W3C-Web Service
    H5教程
    PHP 页面编码声明方法(header或meta)
  • 原文地址:https://www.cnblogs.com/tongbiao/p/10056965.html
Copyright © 2011-2022 走看看