omi-finger

Support touch and gesture events in your Omi project.

→ touch the mobile demo

Usage

import { render, tag, WeElement } from 'omi'
import 'omi-finger'

@tag('my-app')
class MyApp extends WeElement {
  install() {
    this.data.wording = 'Tap or Swipe Me!'
  }

  handleTap = (evt) =&gt; {
    this.data.wording += '\r\nTap'
    this.update()
  }

  handleSwipe = (evt) =&gt; {
    this.data.wording += '\r\nSwipe-' + evt.direction
    this.update()
  }

  render() {
    return (
      <div>
        
          <div class="touchArea">
            {this.data.wording}
          </div>
        
      </div>
    )
  }

  css() {
    return `.touchArea{
                  background-color: green;
                  width: 200px;
                  min-height: 200px;
                  text-align: center;
                  color:white;
                  height:auto;
                  white-space: pre-line;
              }`
  }
}

render(, 'body')

License

MIT © dntzhang

Most popular functions for omi-finger

To help you get started, we’ve selected a few omi-finger examples, based on popular ways it is used in public projects.

omi-finger.init