微信小程序之分享当前页面截图给微信好友
2022/5/31 1:24:22
本文主要是介绍微信小程序之分享当前页面截图给微信好友,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
参考链接:https://blog.csdn.net/qq_39410252/article/details/121278343
效果图:
实现步骤:
1. 建一个微信小程序项目
2. 将其路径添加进app.json
"pages": [ "pages/Share/Share" ],
3. 在Share.wxml中添加一个button
<!--miniprogram/pages/Share/Share.wxml--> <text>miniprogram/pages/Share/Share.wxml</text> <button type="default" open-type="share" class="clear-style">分享给好友</button>
4. 在Share.wxss中为button设置样式
/* miniprogram/pages/Share/Share.wxss */ .clear-style{ border: none; border-radius: 0; background-color: transparent !important; padding: 0rpx !important; margin: 0rpx !important; text-align: left; height: 140rpx; } .clear-style::after{ border: none; }
5. 在Share.js中更新分享按钮触发函数
查看分享函数各参数意义:https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareAppMessage-Object-object
/** * Called when user click on the top right corner to share */ onShareAppMessage: function () { return { title: '邀请您使用XXX小程序', path: '/pages/show/show', // 当对方点击你分享的小程序时到达的页面 imageUrl: 'https://img1.baidu.com/it/u=4049022245,514596079&fm=253&fmt=auto&app=120&f=JPEG?w=889&h=500' //转发时显示此图片,若没有此参数,默认是传送当前页面截图 } }
上述效果图中是不带imageUrl时的效果。
这篇关于微信小程序之分享当前页面截图给微信好友的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-03-30微信小程序的网络设置,及网络请求:wx.request(OBJECT)
- 2024-01-22基于taro搭建小程序多项目框架
- 2024-01-13小程序开发:在插件市场寻找步骤条组件并二开
- 2024-01-05钉钉小程序生态—企业机器人加互动卡片,改善用户体验的开始!
- 2023-12-29【UniApp】-uni-app-打包成小程序
- 2023-12-26性能翻倍!京东亿级体量小程序优化实践
- 2023-12-25小程序优化:第三方SDK过大解决方案
- 2023-11-26微信小程序文件预览和下载-文件系统
- 2023-11-2652天学习微信小程序计划No.2:注册小程序账号&安装开发者工具
- 2023-11-1952天学习微信小程序计划No.1:小程序简介