微信小程序学习--button标签

打开微信开发者工具，在.wxml中编写如下代码

<button >默认按钮</button>

<button size="mini">mini按钮</button>

type：按钮的样式类型

值说明primary颜色为绿色default颜色为白色warn颜色为红色 <button type="primary">primary</button> <button type="default">default</button> <button type="warn">warn</button>

plain 按钮是否镂空，背景色透明

<button type="warn" plain="{{true}}">plain按钮</button>

loading 文字显示正在等待图表

<button type="primary" loading="{{true}}">loading按钮</button>

<!--模拟进入客服--> <button open-type="contact">contact</button>

在微信开发者工具的模拟器页面点击contact 点击之后的页面

<!--分享--> <button open-type="share">share</button>

点击share之后 在.xml文件中编写如下代码

<!--微信授权获取用户的手机号码信息--> <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">getPhoneNumber</button>

在.js文件中写如下代码

Page({ //获取用户手机 getPhoneNumber(e){ console.log(e); } })

点击getPhoneNumber按钮之后的效果图 以下代码就不一个一个演示了

<!--获取当前用户的个人信息--> <button open-type="getUserInfo">getUserInfo</button> <!--在小程序中直接打开app--> <button open-type="launchApp">launchApp</button> <!--打开小程序内置的授权页面--> <button open-type="openSetting">openSetting</button> <!--打开小程序内置的意见反馈页面--> <button open-type="feedback">feedback</button>