chimee mobile centerstate
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
__test__
build
demo
lib
src
.eslintrc
.gitignore
.stylelintrc
README.md
package-lock.json
package.json

README.md

chimee-plugin-mobile-state

install

安装

# 依赖于 chimee, 首先需要安装 chimee
npm install chimee
# 安装控制条组件
npm install chimee-plugin-mobile-state

使用

import chimee from 'chimee';
import chimeePluginMobileState from 'chimee-plugin-mobile-state';

// 安装插件
chimee.install(chimeePluginMobileState);
const player = new chimee({
  // ...
  // 使用插件
  plugin: [
    {
      chimeePluginMobileState.name,
      errorTips: '错误提示', // 也可以塞一个 dom 节点
      icon: {
        loading: ``, // 可传入 svg, 内部 innerHTML
        play: `` // svg
      },
      expectTime: 3e4 // 最长加载时间
    }
  ]
});

也可以在页面中引用 /lib/index.browser.js 然后在页面中使用 chimeePluginMobileState

包含状态

  • 开始
  • loading
  • error

包含手势

  • panstart
  • panmove
  • panend

事件

state-panstart

  • 含义: 在这个插件上触发 panstart 手势
  • 回调参数:
    • evt: touch 对象

state-panmove

  • 含义: 在这个插件上触发 panmove 手势
  • 回调参数:
    • evt: touch 对象

state-panend

  • 含义: 在这个插件上触发 panstend 手势
  • 回调参数:
    • evt: touch 对象

state-tap

  • 含义: 在这个插件上触发 tap 手势
    • 回调参数:
      • evt: touch 对象

state-change

  • 含义: 这个插件状态发生变化
  • 回调参数:
    • state: 当前状态