小程序设置按钮分享功能

一般小程序分享可以通过右上角的分享功能进行分享，如果想要在页面内进行按钮设置。可以这样子设置：

效果图：

WXML中：

定义button按钮来触发分享事件，在button标签上写上 open-type='share’属性

<button open-type='share'>分享给好友</button>

WXCSS中：

需要去掉button的一些样式

 button::after {border: none;}button {background-color: #fff;}

JS中：

onShareAppMessage() {return {title: '弹出分享时显示的分享标题'path: '/page/user?id=123' // 路径，传递参数到指定页面。imgUrl: '',     //自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径，支 持PNG及JPG，不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4}},

分享到朋友圈

实例：

    //用户点击右上角分享朋友圈示例//  onShareTimeline: function () {//    return {//  title: '',// query: {// key: value//  },//   imageUrl: ''//  }//  },

Page({//自定义函数// 用户点击右上角分享给好友,要先在分享好友这里设置menus的两个参数,才可以分享朋友圈onShareAppMessage: function() {wx.showShareMenu({withShareTicket: true,menus: ['shareAppMessage', 'shareTimeline']})},// 分享到朋友圈onShareTimeline () {return {title: this.current_viewing.name,query: '/pages/home/view/artdetail?storeId=' + this.storeId + '&id=' + this.current_viewing.id + '&customerId=' + this.customerId + '&genre=' + this.current_viewing.genre,}}//生命周期函数--监听页面加载onLoad: function(options) {},
})

小程序设置按钮分享功能相关推荐

微信小程序实现转发分享功能（好友朋友圈）
微信小程序分享微信小程序已经支持分享到好友和朋友圈功能(安卓),用户在朋友圈打开分享的小程序页面,并不会真正的打开小程序,而是进入一个"小程序单页面模式"的页面: 微信小程序文档 ...
微信小程序wechat的分享功能
微信小程序的分享功能 2020/07/28 声明:必须为button按钮 wxml <button data-name="shareBtn" open-type=" ...
小程序一键分享html5,H5手机网站封装微信小程序并实现分享功能的教程
通过本文教程可以实现将H5手机网站直接封装成微信小程序,并且支持分享功能.但不支持微信支付功能. 说明:手机站域名必须开启https模式第一步: 微信开发者工具中创建小程序,填写你自己的小程序App ...
微信小程序点击分享功能
[html部分] < view class = "usermotto carDesc carDesc1"> <!-- <button class=" ...
小程序--设置字体大中小功能
一.需求项目经理说有些用户是老人,字太小看不清,但有些用户是年轻人,字太大显得笨拙,那好吧,给你自行设置好了! 问题来了,手机系统设置的字体大小,打开小程序,木有作用T^T,看来只能自己做了. 二. ...
微信小程序全局添加分享功能
在app.js中重新分享方法 App({onLaunch() {this.overShare();},//重写分享方法overShare: function () {//监听路由切换//间接实现全局设 ...
微信小程序—页面内分享按钮用图标代替
微信小程序-页面内分享按钮用图标代替前言代码效果图前言张小龙不知道出于什么原因将打开客服会话.触发用户转发.打开授权设置页.打开"意见反馈"页面等功能全都挂载到butto ...
小程序动态隐藏分享按钮
业务背景:小程序需要根据条件动态隐藏分享给好友.分享到朋友圈功能原生小程序中加上分享函数,页面就可分享,如下: onShareAppMessage: function (res) {if (res. ...
店长宝微信小程序后台功能简介（四）——小程序设置
本文参考自: 原文地址继续为大家介绍店长宝微信小程序的后台功能,今天介绍后台中的小程序设置功能. 小程序设置功能:版权设置.个人中心.商家设置.商家手机端.小程序跳转.内嵌网页.门店管理.门面管理. ...
最详细的【微信小程序+阿里云Web服务】开发部署指引（十一）：开发小程序设置功能
文章目录前言一.功能说明二.设置界面代码实现 1.创建界面Page 2.WXML 3.JS 4.WXSS 三.参数控制逻辑代码实现 1.自动跳转卡片 2.自动播放声音专题文章链接前言案例的 ...

小程序设置按钮分享功能

效果图：

WXML中：

WXCSS中：

JS中：

分享到朋友圈

小程序设置按钮分享功能相关推荐

最新文章

热门文章