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功能也可以正常使用。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值