View

The most basic layout container, similar to an HTML <div>, with touch “hover” feedback.

Examples

Basic usage

Tap me — hover feedback via hover-class

View

`m-view` is the most basic container and supports `hover-class` for touch feedback

<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

Props

属性	说明	类型	默认值
hover-class	CSS class while pressed; `none` for no effect	string	none
hover-start-time	Delay after press before pressed style appears (ms)	number	50
hover-stay-time	How long pressed style remains after release (ms)	number	400
hover-stop-propagation	Whether to stop “hover” on ancestor nodes	boolean	false