View 视图容器

示例代码

View 视图容器 - 图1

  1. <se-view class="se-view" hover-class="hover-class" :hover-stop-propagation="true"></se-view>
  2. <style>
  3. .se-view {
  4. width: 40px;
  5. height: 40px;
  6. background-color: #fe9500;
  7. }
  8. .hover-class {
  9. background-color: #01d567;
  10. }
  11. </style>

Props

属性类型默认值必填描述
hover-classstringnonefalse指定按下去的样式类,当 hoverClass 没定义时,没有点击状态效果
hover-stop-propagationbooleanfalsefalse指定是否阻止本节点的祖先节点出现点击态
hover-start-timenumber50false按住鼠标后多久出现点击态,单位毫秒
hover-stay-timenumber500false鼠标移开后点击态保留时间,单位毫秒