Appearance

目录

Event ​

Tenon的通用事件同 hummer一样，包含常用的一些手势。

手势介绍 ​

现在支持的手势事件包括：

touch ​

触摸事件，详情可参考Touch Event。

tap ​

点击事件，详情可参考Tap Event。

longPress ​

长按事件，详情可参考LongPress Event。

pan ​

平移手势事件，详情可参考Pan Event。

swipe ​

轻扫手势事件，详情可参考Swipe Event。

pinch ​

捏合手势事件，详情可参考Pinch Event。

Tenon Vue 示例 ​

Tenon Vue 中事件绑定遵循vue规范，通过 @符号声明属性。

html
<!-- app.vue -->
<template>
  <view @touch="handleTouch">
    <text>Touch Demo</text>
  </view>
</template>
<script>
  export default {
    methods: {
      handleTouch(){
        Toast.show('Touch')
      }
    }
  }
</script>

Tenon React 示例 ​

Tenon React 中事件绑定遵循react规范。

jsx
import React from "react"

import Tenon from "@hummer/tenon-react"

function App() {
  function handleTouch(){
    Toast.show('Touch')
  }
  return (
    <view onTouch={handleTouch}>
      <text>Touch Demo</text>
    </view>
  );
}

Tenon.render(<App/>)