微信开发之小程序分享设置图片标题
在js文件中写入一下代码
/*** 设置分享的名称和logo*/onShareAppMessage() {return {title: 'WebJob',imageUrl: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big84000.jpg',path: '/pages/index/index'}},
页面中有可以触发转发事件的地方有两个:
一个是右上角菜单中的转发按钮
另一个是页面中具有属性open-type且其值为share的button。(注:必须是button组件,其他组件中设置 open-type="share" 无效)
即:<button data-name="shareBtn" open-type="share">转发</button>
注意:实际开发中会发现这个 button 自带有样式,当背景颜色设置为白色的时候还有一个黑色的边框,刚开始那个边框怎么都去不掉,后来给button加了一个样式属性 plain="true" 以后,再在样式文件中控制样式 button[plain]{ border:0 } ,就可以比较随便的自定义样式了,比如说将分享按钮做成一个图标等
送上一波福利
微信公众号开发、企业建站开发、小程序、vue、h5、css3、react等前端视频学习资料关注公众号【码兄】免费获取
微信开发之小程序分享设置图片标题相关推荐
- 微信群抢小程序分享的红包
最近项目上线了一个小程序抢红包的迭代,其实小程序是目前是没有开放这个接口的,抢红包接口目前只对公众号开放,怎么实现的是不是大家很好奇呢? 首先,我们先来分析小程序抢红包功能的使用场景,在小程序里面微信 ...
- 小程序分享到朋友圈_微信内测开放小程序分享到朋友圈功能
点击上方 ↑ 指尖渭南 关注我们好资讯抢鲜看 向上滑动阅读全文↑↑↑ 一大早在各科技公众号有看到小程序支持直接分享到朋友圈,这么好的功能,忍不住要实践下. 根据官方文档走起,文档地址:https:// ...
- uni-app分享小程序页面给微信好友;小程序分享无效原因;小程序分享失败原因;
我的只是在html代码部分 使用 <button open-type="share" >发送</button> 点击按钮就可以将当前页面分享到微信好友 且打 ...
- 微信开发之小程序的页面布局
flex布局用途:快速实现你所需要的布局(水平居中.垂直居中.左右对齐等) 居中布局实现: 1.对布局容器设置display:flex; 2.利用属性(justify-content(水平方向)和 ...
- 微信开发之小程序实现倒计时
setTimeout(func, time)可以使得每隔time毫秒就执行一次func函数,常用来做计时器/时钟. 下面是在微信小程序中的使用思路,只截取了关键部分代码. var timer; // ...
- 微信小程序分享功能开发及调试方法
首先说一下使用方法如下,Button组件设置open-type="share"即可触发onShareAppMessage完成分享功能 <button class=" ...
- QQ小程序解决方法:您的小程序分享功能缺失,为了方便用户分享传播,小程序主要页面请设置showShareItems参数属性为null或4个,这样用户可以将小程序直接转发给QQ好友、空间、微信和朋友圈
提交QQ小程序,审核的时候,可能会被腾讯以如下理由拒绝审核: 您好,您的小程序分享功能缺失,为了方便用户分享传播,小程序主要页面请设置showShareItems参数属性为null或4个,这样用户可以 ...
- 微信点餐小程序开发_分享微信点餐小程序可以实现哪些功能
线下餐饮实体店都开始摸索发展网上订餐服务.最多人选择的是入驻外卖平台,但抽成高,推广还要另买流量等问题,也让不少商家入不敷出.在这种情况下,建立自己的微信订餐小程序,做自己的私域流量是另一种捷径.那么 ...
- 小程序分享到朋友圈功能_微信小程序开放分享到朋友圈功能
2020年7月7日(据说是6日深夜),一个很特别的日子,微信低调地放开了一个功能:微信小程序"分享到到朋友圈",这个看似微小的变化,对微信小程序来说意义重大. 用fenng大的话说 ...
- 微信小程序:设置字体跟随手机系统
小程序开发:全局设置跟随手机系统默认字体 前言 最近在开发一款微信小程序,发现字体不是跟随手机系统设置的字体,这样对用户很不友好,通过下面这行代码,就可以将页面的字体搞成系统默认字体了. 提示:要设置 ...
最新文章
- vijos 1006 晴天小猪历险记之Hill——数字三角形的终极变化
- 五年引用量最高的10大论文:Adam第一,Transfromer上榜!竟然没有ResNet?
- DataGridView数据控件演示
- Android -- 通知栏的使用
- JavaSE入门学习50:多线程编程(一)
- php excel文件导出之二 图像导出
- python图像处理实战 戴伊_这一套封面的程序员专业书籍你读过哪一本?
- 服务化改造实践 | 如何在 Dubbo 中支持 REST 1
- 韶关无线电厂台式计算机,中国芯片30年的历史 它背后有哪些不为人知的故事?...
- 关于Apache Tomcat解决localhost was unable to start within 45 seconds
- jquery选择器一
- 反思风险管理的五项核心风险。
- 编程语言的发展趋势及未来方向 目录 编程语言的发展趋势及未来方向	1 第一章 一、历史回顾及趋势概述	2 第一节 首先,编程语言的发展非常缓慢。oo等等,但是远没有好上1000倍。	3 第二节 出现
- 华为交换机常见STP/RSTP操作
- JS 实现复制粘贴功能
- 什么可以代替pencil?pencil的平替推荐
- 2013海淀驾校学车日记
- 数字逻辑电路设计课程设计
- css之calc,初探CSS3中的calc()功能
- 使用Factory IO连接TIA Portal 自动化仿真
热门文章
- 全世界明星都在穿白T?永不发黄,显瘦十斤,两件才99元!
- A Density-Based Algorithmfor Discovering Clusters in LargeSpatial Databaseswith Noise(KDD-96)
- html如何制作扑克,用css制作扑克牌
- grafana设置邮件监控报警
- 数学与计算机学院女生节标语,女生节标语理学院
- 【APP自动化测试】Python + Appium + 模拟器 +UiAutomatorViewer 实现APP自动化测试
- SmartBI入门(二)配置SmartBI
- 新生报到小程序,微信小程序新生入学,微信小程序新生报到系统毕业设计作品
- VirtualBox Guest Additions installation
- 英语3500词(十一)entertainment主题(2022.1.23)