• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

探秘小程序(7):view组件

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

小程序中最基础,最常用的组件--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>

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序展开收缩文字demo发布时间:2022-07-18
下一篇:
php实现微信小程序消息通知发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap