微信小程序_(组件)view视图容器

 

 

　　微信小程序view组件官方文档　　传送门

　　

　　

　　Learn

　　　　一、hover-class属性

　　　　二、hover-start-time与hover-stay-time属性

　　　　三、hover-stop-propagation属性

　　

 

一、hover-class属性

　　hover-class：指定按下去的样式类。当 hover-class="none" 时，没有点击态效果【默认值none】

　　定义.a的class颜色为红色，定义.d的class为绿色，当鼠标点击时红色区域变成绿色区域，当鼠标离开时，绿色区域又变回红色区域

  background: red;
  order:1;
  flex:10;
}

.d{
  background: green;
  order:4;
  flex:1;
}

 

 

<!--index.wxml-->
Cynical丶Gary
<view class="container">
  
  <view class='a size' hover-class='d'>a</view>

</view>

index.wxml