学习使用微信小程序实现智能名片电子名片功能代码

学习使用微信小程序实现智能名片电子名片功能代码

拨打手机号功能

wx.makePhoneCall({
   
  phoneNumber: 'qipa250' //仅为示例,并非真实的电话号码
})

一键复制信息功能

wx.getClipboardData({
   
  success (res){
   
    console.log(res.data)
  }
})

复制到剪贴板

定位导航功能

wx.getLocation({
   
 type: 'gcj02', //返回可以用于wx.openLocation的经纬度
 success (res) {
   
   const latitude = res.latitude
   const longitude = res.longitude
   wx.openLocation({
   
     latitude,
     longitude,
     scale: 18
   })
 }
})

存入手机通讯录功能

wx.addPhoneContact({
   
        firstName: ifirstName,
        mobilePhoneNumber: mobilePhoneNumber,
        weChatNumber: weChatNumber,
        organization: organization,
        title: title,
        addressStreet: addressStreet,
        email: email
      });

添加手机通讯录联系人。用户可以选择将该表单以「新增联系人」或「添加到已有联系人」的方式,写入手机系统通讯录。

转发分享功能

页面内发起转发。通过给 button 组件设置属性 open-type=“share”,可以在用户点击按钮后触发 Page.onShareAppMessage 事件,相关组件:button。

 /**
     * 用户点击右上角分享
     */
    onShareAppMessage(res) {
   
        this.setData({
   
            is_share: false,
            container_top: 50,
        })
        console.log('res===', res);
        //分享地址 路径,传递参数到指定页面。(为空则为当前页面路径)
        let share_path = '/qipa250/pages/my-card/index?qipa=' + this.data.qipa+ "&tel=" + this.data.phone;
        let share_title = this.data.nickname + '的名片,请惠存';
        if (res.from == 'button') {
   
            // 来自页面内转发按钮
            return {
   
                title: share_title,
                path: share_path,
            }
        } else {
   
            //否则是三个点
            return {
   
                title: share_title, //分享内容(为空则为当前页面文本)
                path: share_path
            };
        }
    }

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-19 15:26:02       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-19 15:26:02       106 阅读
  3. 在Django里面运行非项目文件

    2024-01-19 15:26:02       87 阅读
  4. Python语言-面向对象

    2024-01-19 15:26:02       96 阅读

热门阅读

  1. Ubuntu/linux c开发(8)linux ping 命令解析

    2024-01-19 15:26:02       48 阅读
  2. 解决没有进入docker的权限问题

    2024-01-19 15:26:02       61 阅读
  3. redis4.0前后内存淘汰策略

    2024-01-19 15:26:02       51 阅读
  4. android 常规log的查看与抓取

    2024-01-19 15:26:02       48 阅读
  5. 基于Jackson的Json工具类

    2024-01-19 15:26:02       45 阅读
  6. Kotlin 协程 asyn和launch简单使用

    2024-01-19 15:26:02       54 阅读
  7. Kotlin学习第1篇——data class

    2024-01-19 15:26:02       63 阅读
  8. React16源码: React中的FunctionComponent的源码实现

    2024-01-19 15:26:02       51 阅读
  9. Kotlin协程的JVM实现源码分析(上)

    2024-01-19 15:26:02       54 阅读