button组件(9)

button的属性
button组件(9)
size:可选值——default,mini,
type:控制按钮颜色,可选值——default(灰底黑字),primary(绿底白字),warn(灰底红字)
open-type可选值
button组件(9)

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

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

  • 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.添加客服
button组件(9)
3.添加添加项目成员或体验成员
button组件(9)
4. 用项目成员的微信扫码登录小程序,与客服对话
5. 客服账号登录客服小助手,与用户对话即可
button组件(9)
此时,feedback功能也可以正常使用。

上一篇:vue-button设置按钮是否可点击状态


下一篇:Python模拟鼠标键盘操作及其监控——pynput使用