View 视图容器

最基础的布局容器，类似 HTML 的 <div>，支持触摸 hover 反馈。

代码演示

基础用法

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