view
对应 HTML 中的div
。
强烈建议:如果不需要使用 hover 功能可以直接使用div
编写 Vue 模板,来获得更好的渲染性能(会直接创建 dom ,而不是使用 Vue 的createVNode
来创建)。
Props
参数 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
hover-class | string | none | 否 | 指定按下去的样式类。当 hover-class="none" 时,没有点击态效果 |
hover-stop-propagation | boolean | false | 否 | 指定是否阻止本节点的祖先节点出现点击态 |
hover-start-time | number | 50 | 否 | 按住后多久出现点击态,单位毫秒 |
hover-stay-time | number | 400 | 否 | 手指松开后点击态保留时间,单位毫秒 |
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>