微信小程序功能

后续将会继续补充微信小程序的相关功能

微信小程序功能
- 1.分享功能
- - 用户点击右上角转发
  - 使用按钮分享
  - 隐藏分享功能的api
- 2.复制文字
- - 长按复制
  - 将固定的内容复制到粘贴板中
- 3.拨打电话

1.分享功能

用户点击右上角转发

监听用户点击页面内转发按钮（组件 open-type=“share”）或右上角菜单“转发”按钮的行为，并自定义转发内容。

注意：只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮

此事件需要 return 一个 Object，用于自定义转发内容

.js文件

 onShareAppMessage() {const promise = new Promise(resolve => {setTimeout(() => {resolve({title: '自定义转发标题'})}, 2000)})return {title: '自定义转发标题',path: '/page/user?id=123',promise }}

使用按钮分享

.xml
如果要去掉button默认样式,使用行间样式覆盖原有的样式.

<button
open-type="share"
style="width:122rpx;
display:flex;
align-items: center;
margin: 0;
padding: 0;">分享<button/>

隐藏分享功能的api

wx.hideShareMenu({});

2.复制文字

长按复制

要想实现长按复制功能，需要在text标签中设置user-select属性
复制订单号

将固定的内容复制到粘贴板中

wx.setClipboardData({data: "复制内容",})

调用成功后，会弹出 toast 提示"内容已复制"，持续 1.5s参数

如果不使用系统的toast弹框，可以调用wx.hiddenloading()，setClipboardData自带的toast弹框就不会再显示

wx.setClipboardData({data: "复制订单号",success: function () {wx.hideLoading()wx.showToast({title: '复制成功',})}})

3.拨打电话

wx.makePhoneCall({phoneNumber: "电话号码"})

微信小程序|分享功能|复制文字|拨打电话|相关推荐

微信小程序分享功能开发及调试方法
首先说一下使用方法如下,Button组件设置open-type="share"即可触发onShareAppMessage完成分享功能 <button class=" ...
详解 - 解决微信小程序分享功能图片比例问题 - 全局分享
前言: 我在我的博客小程序使用微信小程序分享功能图片不符合5:4问题 ,对其原理扫描下面二维码,可以体验哦准备在需要自定义分享的页面设置canvas 组件目录准备详解思路定义总函数 ...
uniapp 微信小程序分享功能
微信小程序分享功能.传参.接收参数 1,分享功能在页面上与methods同级写上onShareAppMessage()函数. onShareAppMessage() {return{title: & ...
微信小程序分享功能imageUrl带随机分享图片
//此为微信小程序分享 onShareAppMessage: function(options) { //先写一个数组, var shareimg =[ "https://desk-fd.z ...
uni-app 微信小程序分享功能传参接收与调试
uni-app 微信小程序功能传参接收与调试当使用微信小程序进行分享好友功能时,怎样能够联调,查看是否接收到参数,并在被分享人点进来的时候逻辑处理是否正确. 1.分享功能实现分享给朋友 ...
uniapp开发微信小程序分享功能
记一次uniapp开发微信小程序遇到的问题, 问题: 关于button的分享属性, 在HbuilderX中开发时,直接将button覆盖在image上,将button设置为透明,可以直接实现分享功能, ...
微信小程序分享功能的实现方法有两种
官方设定5:4 小程序分享尺寸太大,尺寸500px400px(宽高) 在page.js中实现onShareAppMessage,便可在小程序右上角选择分享该页面 onShareAppMessage: ...
微信小程序分享功能
1.分享可以分享小程序的任何一个页面给好友或群聊.注意是分享给好友或群聊,并没有分享到朋友圈.一方面微信在尝试流量分发方式,但同时又不愿意开放最大的流量入口. 开发文档:https://mp.wei ...
uni-app 微信小程序分享功能河北银丹互联网科技有限公司
官方文档:https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage河北银丹互联网科技有限公司方式1:小程序右上角原生菜单自带的分 ...

微信小程序|分享功能|复制文字|拨打电话|