小程序API(1.15)利用API函数实现扫码、打电话和 添加联系人的方法 - Luna彬

suitcases 2021-08-05 原文


小程序API(1.15)利用API函数实现扫码、打电话和 添加联系人的方法

<!--pages/index.wxml-->
<view class=\'box\'>
  <view class=\'title\'>扫码与打电话</view>
  <button type=\'primary\' bindtap=\'scanCode\'>开始扫码</button>
  <view class=\'txtLayout\'>
    <text>字符集:{{resCode.charSet}}</text>
    <text>扫码类型:{{resCode.scanType}}</text>
    <text>扫码结果:{{resCode.result}}</text>
  </view>
  <view class=\'txtLayout\'>
    <input placeholder=\'请输入联系人姓名\' bindblur=\'inputName\'></input>
    <input placeholder=\'请输入联系人电话\' bindblur=\'inputPhone\' type=\'number\'></input>
  </view>
  <view class=\'btnLayout\'>
    <button type=\'primary\' bindtap=\'makeCall\' style=\'width:45%\'>拨打电话</button>
    <button type=\'primary\' bindtap=\'addPerson\' style=\'width:45%\'>添加联系人</button>
  </view>
</view>
/* pages/API/index.wxss */

.txtLayout {
  /*text组件布局*/
  display: flex;
  flex-direction: column;
  margin: 20rpx 0rpx;
  border: 1px solid burlywood;
  padding: 10rpx;
}

text {
  margin: 10rpx 0;
}

.btnLayout {
  /* 设置button组件的布局 */
  display: flex;
  flex-direction: row;
  justify-content: space-around; /* 设置主轴方向组件的排列方式 */
}

input {
  margin: 20rpx 0;
  border-bottom: 1px solid blue;
}
// pages/index.js
Page({
  name:\'\',    //定义联系人姓名
  phone: \'\',  //定义联系人电话
  scanCode: function() {
    var that = this;
    wx.scanCode({   //调用扫码API函数
      onlyFromCamera: false,  //通过摄像头和调用相册图片都可以进行扫码
      scanType: [], //不指定码的类型
      success: function(res) {
        that.setData({
          resCode: res  //获取扫码结果
        })
      },
    })
  },
  inputName: function(e) {
    this.name = e.detail.value;  //获取联系人姓名
  },
  inputPhone: function(e) {
    this.phone = e.detail.value;  //获取联系人电话
  },
  makeCall: function() {
    let phone = this.phone;
    wx.makePhoneCall({  //调用打电话API函数
      phoneNumber: phone
    })
  },
  addPerson: function() {
    let name = this.name;
    let phone = this.phone;
    if (name == \'\' || phone == \'\') {
      wx.showToast({
        title: \'姓名和电话不能为空\',
        icon: \'none\',
        duration: 2000
      })
    } else {
      wx.addPhoneContact({  //调用添加联系人API函数
        firstName: name,
        mobilePhoneNumber: phone
      })
    }
  }
})

 

 

 

 

扫码

wx.scanCode(Object object)用于调用客户端 扫码界面进行扫码,其参数属性如下:

 

 

 scanType 的合法值

 

 

 打电话

wx.makePhoneCall(Object object) 用于拨打电话

属性 说明
phoneNumber 需要拨打的电话号码
success  接口调用成功的回调函数
fail 接口调用失败的回调函数
complete 接口调用结束的回调函数

 

 

       

 

 

 

添加联系人

wx.addPhoneContact(Object object) 用于添加手机 通讯录联系人。可以通过「新增联系人」或 「添加到已有联系人」的方式添加。

wx.addPhoneContact(Object object) 参数主要属性

 

 

 

 

发表于
2021-03-06 20:10 
Luna彬 
阅读(10
评论(0
编辑 
收藏 
举报

 

版权声明:本文为suitcases原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/suitcases/p/14796989.html

小程序API(1.15)利用API函数实现扫码、打电话和 添加联系人的方法 - Luna彬的更多相关文章

  1. css颜色表示法及颜色表 – Detachment_dd

    css颜色表示法及颜色表   颜色表示法   一、直接输入CSS颜色的关键词,如red blue等。 二、十六 […]...

  2. Centos8安装Docker提示:package docker-ce-3:19.03.8-3.el7.x86_64 requires containerd.io >= 1.2.2-3, but none of the providers can be installed

     Centos8安装Docker提示:package docker-ce-3:19.03.8-3.el7.x8 […]...

  3. 自动化记账程序1.0 – 又菜又爱玩的编程者

    自动化记账程序1.0 需求背景: 为了更好的解放双手,提高记账效率,本人想要制作一个基于python的自动化记 […]...

  4. [转]文件加密和数字签名技术概述 – redcoatjk

    摘自:http://blog.163.com/chyr2007@126/blog/static/5096573 […]...

  5. Excel列名和列序号转换 – 给杰瑞一块奶酪~

    Excel列名和列序号转换 大家有没有留意过Excel表格中列名的规律呢?是这样的:A B C ... Y Z […]...

  6. 脉络清晰的BP神经网络讲解,赞 – GarfieldEr007

    脉络清晰的BP神经网络讲解,赞 2016-05-22 17:28  GarfieldEr007  阅读(540 […]...

  7. 【转】Linux下使用locale命令设置语言环境 – Andy-tester

    【转】Linux下使用locale命令设置语言环境 转自:http://www.cnblogs.com/dol […]...

  8. 7步教你使用git命令上传本地代码至github仓库(小白向) – 你不知道的巨蟹

    7步教你使用git命令上传本地代码至github仓库(小白向)       前言     1:首先你需要知道g […]...

随机推荐

  1. 3.基于梯度的攻击——PGD

    PGD攻击原论文地址——https://arxiv.org/pdf/1706.06083.pdf 1.PGD攻 […]...

  2. 渗透测试工具之sqlmap

      1. sqlmap是什么 在这个数据有价的时代数据库安全已经成为了重中之重,于是就整理了一下最常用的一款( […]...

  3. asp.net MVC&JQuery 应用(树型菜单 )

    源码下载 (源码内容包括,验证插件,树型表格,树型菜单实例代码) 引用JQUERY TreeView 插件   […]...

  4. LINUX打开文件

    body, table { font-family: 微软雅黑; font-size: 10pt } tabl […]...

  5. Delphi编译的程序如何获取管理员权限

    Delphi编译的程序如何获取管理员权限 1.制作manifest文件 1 <?xml version= […]...

  6. SpringBoot之profile详解

    SpringBoot中使用配置文件application.properties/application.yml […]...

  7. 数据仓库中的几种数据模型

    数据仓库中常见的模型有:范式建模,雪花模型,星型建模,事实星座模型. 星型模型 星型模型是数据集市维度建模中推 […]...

  8. yml 文件操作方法

    yml 文件操作方法 文件读取方法示例: import yaml fr = open(\'yml_file_a […]...

展开目录

目录导航