点击复制功能、拨打电话

最新推荐文章于 2023-08-05 17:59:16 发布

cdgogo

最新推荐文章于 2023-08-05 17:59:16 发布

阅读量186

点赞数

分类专栏：微信小程序文章标签：小程序微信

本文链接：https://blog.youkuaiyun.com/cdgogo/article/details/120313453

版权

微信小程序专栏收录该内容

11 篇文章

订阅专栏

本文介绍了如何在微信小程序中实现点击复制文本的功能和拨打电话的集成，提供了相关代码示例和官方文档链接作为参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图：
在这里插入图片描述
wxml:

<view class="box">
    <image src="../../images/online/weixin.png" mode="widthFix" />
    <view class="tell">{{weixin}}</view>
    <view class="tip" data-weixin="{{weixin}}" catchtap="getWeixin">复制去加好友</view>
</view>
<view class="btns">
    <view class="tellBtn" catchtap="call" data-phone="{{phone}}">
        <image src="../../images/online/tell.png" mode="widthFix" />
        <text>电话咨询</text>
    </view>
    <view class="onlineBtn">
        <image src="../../images/online/msg.png" mode="widthFix" />
        <text>在线咨询</text>
    </view>
</view>

data: {
    phone: "12345678", //咨询电话
    weixin: "15825996354", //微信号
  },
  // 拨打电话
  call: function (e) {
    let phone = e.currentTarget.dataset.phone;
    wx.makePhoneCall({
      phoneNumber: phone,
      success() {
        console.log("接口调用成功的回调函数");
      },
      fail() {
        console.log("接口调用失败的回调函数");
      },
      complete() {
        console.log("接口调用结束的回调函数（调用成功、失败都会执行）");
      },
    });
  },
  // 复制微信号加好友
  getWeixin: function (e) {
    let weixin = e.currentTarget.dataset.weixin;
    wx.setClipboardData({
      data: weixin,
      success: function (res) {
        wx.showToast({
          title: "复制成功",
        });
        wx.getClipboardData({
          //微信提供的这个api是获取系统剪贴板的内容
          success: function (res) {
            console.log(res.data); // 已复制内容
            if (res.data == "") {
              wx.showToast({
                title: "暂未设置微信号",
              });
            }
          },
        });
      },
    });
  },