button组件（9）

button的属性：

size：可选值——default，mini，
type：控制按钮颜色，可选值——default（灰底黑字），primary（绿底白字），warn（灰底红字）
open-type可选值：

• share只能发给朋友，但不能发朋友圈
• getPhoneNumber只有企业的小程序账号才能获取用户的手机号码
  需要绑定事件bindgetphonenumber，在事件的回调函数中获取信息

获取到的信息是加密的，需要搭建后台服务器，在后台服务器进行解析，然后返回到小程序中，才可以进行解密

• getUserInfo和getPhoneNumber类似，也需要绑定事件，但个人信息可以直接获取，不会加密
• launchApp需要先在APP中通过链接打开小程序，然后再通过小程序中使用这个功能回到APP（比较鸡肋）
• openSetting打开授权页面，页面中只会出现用户曾经点击过的权限
• contact和feedback只能通过真机调试打开，因此，需要将APPID不能用测试号，需要修改
  wxml

<button>默认按钮</button>
<button size="mini">mini按钮</button>
<button type="primary">绿色按钮</button>
<button type="warn">红色按钮</button>
<button plain>镂空按钮</button>
<button loading>带loading的按钮</button>

<button open-type="contact">客服对话contact</button>
<button open-type="bindcontact">bindcontact</button>
<button open-type="share">转发share</button>
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取用户手机信息getPhoneNumber</button>
<button open-type="getUserInfo" bindgetuserinfo="getUserInfo">获取用户个人信息getUserInfo</button>
<button open-type="launchApp">在小程序中直接打开APPlaunchApp</button>
<button open-type="openSetting">打开内置授权界面openSetting</button>
<button open-type="feedback">打开反馈界面feedback</button>

js

Page({
  data: {
  },
  //获取用户手机号码信息 绑定事件
  getPhoneNumber(e){
    console.log(e);
  },
   //获取用户信息 绑定事件
  getUserInfo(e){
    console.log(e);
  }
})

contact客服功能的使用

1.将APPID改为小程序ID，不要使用测试号
2.添加客服

3.添加添加项目成员或体验成员

4. 用项目成员的微信扫码登录小程序，与客服对话
5. 客服账号登录客服小助手，与用户对话即可

此时，feedback功能也可以正常使用。

标签：客服,button,程序,getPhoneNumber,用户,获取,按钮,组件
来源： https://blog.csdn.net/qq_42424228/article/details/120799778