【笔记】微信小程序 - button属性汇总
2017-08-30 15:11
337 查看
本意是想在小程序用户授权失败时,可以在页面中提供一个按钮,让用户点击按钮能够进行再次授权。
附button文档
经查错发现,是因为在按钮的父元素上绑定了一个跳转到log的事件,所以button的hover-stop-propagation这个属性还是很方便好用的。
第二条share是小程序现在不只是可以通过右上角的【…】来转发到群里或好友,还可以通过界面中的按钮。【转发的使用指引】
附button文档
问题:在小程序中设置的按钮,在设置了bindtap的情况下点击,都会自动跳转到log/log界面。
经查错发现,是因为在按钮的父元素上绑定了一个跳转到log的事件,所以button的hover-stop-propagation这个属性还是很方便好用的。
发现小程序中的button除了是个单纯的按钮之外包含很多其他功能(见图)。
除了前边有一些很基本的的如size,type,plain, disabled,loading等这类比较常规的选项之外,后边还有一些其他我感觉有点新鲜的功能。1. 首先是hover-stop-propagation
看名字就能看出来是阻止冒泡。作用是阻止本节点的祖先节点先出现点击态,默认false,这一次就用到了这个。2. hover-start-time和hover-stay-time
分别表示按住后多久出现点击状态以及手指松开后点击状态保留时间,单位毫秒。3. bindgetuserinfo
用户点击该按钮时,会返回获取到的用户信息,从返回参数的detail中获取到的值同wx.getUserInfo4. session-from, send-message-title, send-message-path, send-message-img, show-message-card, bindcontact
均显示open-type=”contact”,与客服消息有关。暂时还用不到。<button open-type="contact">进入客服会话</button>
5.bindgettphonenumber
获取用户手机号回调6. open-type有效值:
第二条share是小程序现在不只是可以通过右上角的【…】来转发到群里或好友,还可以通过界面中的按钮。【转发的使用指引】
结论
本来看到bindgetuserinfo眼前一亮,仔细阅读后发现可能这个属性也不太合适,不能够再次触发授权。具体授权拒绝解决办法写在了【这篇】中相关文章推荐
- 小程序自学笔记(零基础学小程序汇总)---史上最全的微信小程序学习笔记,笔记看我你也就学会小程序了
- 微信小程序学习笔记(九)button
- 微信小程序笔记(一)——点击显示或隐藏某一行数据
- 微信小程序:button组件的边框设置
- 【学习笔记】微信小程序页面路由
- 微信小程序wepy框架笔记
- 微信小程序开发资源汇总
- 【微信小程序入门笔记】第一篇 微信开发工具安装
- 微信小程序开发笔记之wx.request()的坑——将服务器返回的数据及时显示到视图层
- 【微信小程序常见问题】使用flex属性两边边距自适应解决方案
- 已发布微信小程序汇总
- 微信小程序教程、微信小程序开发资源下载汇总(6.16日更新,持续更新中……)
- 微信小程序入门笔记(下)
- 微信小程序入门资料,学习资料汇总
- 微信小程序开发手记之三:backgroud和border属性
- 微信小程序商城项目之商品属性分类(4)
- 【微信小程序】学习笔记 demo 第一个页面 数据展示
- [学习笔记][ASP.NET2.0][点击asp:Button出现两次提交数据的问题][解决:去掉OnClick或者OnCommand属性]
- 微信小程序学习笔记(7)--------布局基础
- 微信小程序开发学习笔记007--微信小程序项目01