微信小程序开发常用功能 (3)

首先要在每个页面中添加 onShareAppMessage 函数,函数体内容可以为空,如果函数体内容为空,则会使用我们在 app.js 中定义的默认分享方法,如果该函数返回了一个 object 则使用我们自定义的分享功能

在需要被分享的页面添加如下代码

Page({ /** * 用户点击右上角分享 */ onShareAppMessage: function () { // 函数体内容为空即可 } })

接着在 app.js 中添加重写分享方法

//重写分享方法 overShare: function () { //间接实现全局设置分享内容 wx.onAppRoute(function () { //获取加载的页面 let pages = getCurrentPages(), //获取当前页面的对象 view = pages[pages.length - 1], data; if (view) { data = view.data; // 判断是否需要重写分享方法 if (!data.isOverShare) { data.isOverShare = true; view.onShareAppMessage = function () { //重写分享配置 return { title: \'分享标题\', path: "/pages/index/index"    //分享页面地址 }; } } } }) },

然后在 onLaunch 函数中调用该方法

onLaunch() { this.overShare() } 分享按钮

在开发中我们也会碰到点击分享按钮实现分享功能,实现代码如下

首先在 html 中添加 button 按钮。其中 open-typ 要等于 share,表示点击这个按钮注定触发分享函数

<!-- 分享按钮 --> <van-button type="primary" icon="share" round open-type="share" size="small"> 分享 </van-button>

之后要确保我们在 js 中添加了 onShareAppMessage 函数

效果如下:

search.gif

获取用户收货地址

获取用户收货地址。调起用户编辑收货地址原生界面,并在编辑完成后返回用户选择的地址。

wx.chooseAddress({ success(res) { console.log(res.userName) console.log(res.postalCode) console.log(res.provinceName) console.log(res.cityName) console.log(res.countyName) console.log(res.detailInfo) console.log(res.nationalCode) console.log(res.telNumber) } })

参数说明

属性 类型 说明
userName   string   收货人姓名  
postalCode   string   邮编  
provinceName   string   国标收货地址第一级地址  
cityName   string   国标收货地址第二级地址  
countyName   string   国标收货地址第三级地址  
streetName   string   国标收货地址第四级地址  
detailInfo   string   详细收货地址信息(包括街道地址)  
detailInfoNew   string   新选择器详细收货地址信息  
nationalCode   string   收货地址国家码  
telNumber   string   收货人手机号码  
errMsg   string   错误信息  
预览图片

调用方法:wx.previewImage(Object object)

在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。

属性 类型 默认值 必填 说明 最低版本
urls   Array.       需要预览的图片链接列表。2.2.3 起支持云文件ID。    
showmenu   boolean   true     是否显示长按菜单。 支持识别的码:小程序码 仅小程序支持识别的码:微信个人码、微信群码、企业微信个人码、 企业微信群码与企业微信互通群码;   2.13.0  
current   string   urls 的第一张     当前显示图片的链接    
referrerPolicy   string   no-referrer     origin: 发送完整的referrer; no-referrer: 不发送。格式固定为 https://servicewechat.com/{appid}/{version}/page-frame.html,其中 {appid} 为小程序的 appid,{version} 为小程序的版本号,版本号为 0 表示为开发版、体验版以及审核版本,版本号为 devtools 表示为开发者工具,其余为正式版本;   2.13.0  
success   function       接口调用成功的回调函数    
fail   function       接口调用失败的回调函数    
complete   function       接口调用结束的回调函数(调用成功、失败都会执行)    

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgyfdd.html