Skip to content
On this page

view

对应 HTML 中的div

强烈建议:如果不需要使用 hover 功能可以直接使用div编写 Vue 模板,来获得更好的渲染性能(会直接创建 dom ,而不是使用 Vue 的createVNode来创建)。

Props

参数类型默认值必填说明
hover-classstringnone指定按下去的样式类。当 hover-class="none" 时,没有点击态效果
hover-stop-propagationbooleanfalse指定是否阻止本节点的祖先节点出现点击态
hover-start-timenumber50按住后多久出现点击态,单位毫秒
hover-stay-timenumber400手指松开后点击态保留时间,单位毫秒

Example

vue
<template>
  <view class="box" hover-class="box-hover" :hover-stay-time="100">Box</view>
</template>

<style scoped>
.box {
  color: red;
  width: 100px;
  height: 100px;
}

.box-hover {
  color: blue;
}
</style>