View ビュー

最も基本的なレイアウト用の容器で、HTML の <div> に相当します。タッチに対する「ホバー」風のフィードバックに対応します。

コードデモ

基本の使い方

Tap me — hover feedback via hover-class

ビュー容器

`m-view` は最も基本的なレイアウト容器で、`hover-class` によるタッチ反応に対応します

<m-view
  hover-class="view-hover"
  hover-start-time="20"
  hover-stay-time="300"
>
  Tap me — hover feedback
</m-view>

<style>
.view-hover { opacity: 0.7; background: #e2e8f0 !important; }
</style>

API

プロパティ

属性	说明	类型	默认值
hover-class	押下中に付与するクラス。`none` は効果なし	string	none
hover-start-time	押下してから押下スタイルが出るまでの遅延（ms）	number	50
hover-stay-time	離してから押下スタイルを維持する時間（ms）	number	400
hover-stop-propagation	祖先の押下スタイルを止めるか	boolean	false