探祕小程序(7):view組件

小程序中最基礎,最經常使用的組件--view,相似於html中div的存在有四個屬性:html

①hover-class:指定按下去的樣式類。當 hover-class="none" 時,沒有點擊態效果小程序

實例:spa

<view hover-class='red' class='view' >hover可不是鼠標滑過哦</view>
.red{ color: red;
}

 

②hover-stop-propagation:阻止事件冒泡,指定是否阻止本節點的祖先節點出現點擊態,遺憾的發現不管指定值爲true或者false,或者0 或者 -1,亦或是什麼都不指定 ,只要出現hover-stop-propagation他就阻止冒泡了。code

實例:htm

<view hover-class='bg_black'>
<view>另外一部份內容</view>
<view hover-stop-propagation="true" hover-class='yellow'>hover-stop-propagation瞭解</view>
</view>

 

③hover-start-time:按住後多久出現點擊態,單位毫秒blog

實例:事件

<view hover-start-time='1000' hover-class='red'>一秒後出狀態</view>

 

④hover-stay-time:手指鬆開後點擊態保留時間,單位毫秒io

實例:class

<view hover-stay-time="3000" hover-class='red'>我能點亮三秒鐘</view>
相關文章
相關標籤/搜索