探秘小程序（7）：view组件

标签：over   阻止冒泡   hover   存在   lse   基础   code   html   常用   

小程序中最基础，最常用的组件--view,类似于html中div的存在有四个属性：

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

实例：

 <view hover-class=‘red‘ class=‘view‘ >hover可不是鼠标滑过哦</view>

.red{
  color: red;
}

②hover-stop-propagation：阻止事件冒泡，指定是否阻止本节点的祖先节点出现点击态，遗憾的发现无论指定值为true或者false，或者0 或者 -1,亦或是什么都不指定 ，只要出现hover-stop-propagation他就阻止冒泡了。

实例：

<view hover-class=‘bg_black‘>
<view>另一部分内容</view>
<view hover-stop-propagation="true" hover-class=‘yellow‘>hover-stop-propagation了解</view>
</view>

③hover-start-time：按住后多久出现点击态，单位毫秒

实例：

 <view hover-start-time=‘1000‘ hover-class=‘red‘>一秒后出状态</view> 

④hover-stay-time：手指松开后点击态保留时间，单位毫秒

实例：

 <view hover-stay-time="3000" hover-class=‘red‘>我能点亮三秒钟</view>

探秘小程序（7）：view组件

标签：over   阻止冒泡   hover   存在   lse   基础   code   html   常用   

原文地址：https://www.cnblogs.com/codeww/p/9043589.html