微信小程序之——自定义分享按钮(完整版)
2018-08-31 15:16
597 查看
1.声明 onShareAppMessage 函数
onShareAppMessage() {
return {
title: '弹出分享时显示的分享标题'
desc: '分享页面的内容',
path: '/page/user?id=123' // 路径,传递参数到指定页面。
}
},
2.自定义按钮是需要在button标签上写上 open-type='share’属性,在dom中写入button组件
<button open-type='share'>分享</button>
3.一般自定义按钮和button组件的样式会有冲突, 下面代码就是更改button组件的样式的:
button::after {
border: none;
}
button {
background-color: #fff;
}
去掉边框和背景色,就ok了。
以上就是一套完整的微信小程序之——自定义分享按钮;如果客官觉得帮到你了,就点个赞呗!
阅读更多相关文章推荐
- 微信小程序开发关于分享功能中怎么定义同一个页面中不同的按钮触发不同的分享内容,或者右上角的分享和页面中分享
- 自定义微信小程序视频组件播放按钮
- 微信小程序分享支持自定义封面图
- 微信小程序 修改(自定义) 单选/复选按钮样式 checkbox/radio样式自定义
- 微信小程序按钮去除边框线分享页面功能
- 微信小程序分享功能之按钮button 边框隐藏和点击隐藏
- 微信小程序如何隐藏右上角分享按钮
- 微信小程序开发《11 .框架之自定义组件》
- 微信小程序按钮不能跳转Tab的解决方法
- 微信小程序中使用自定义图标(阿里icon)的方法
- 微信小程序入坑之自定义组件
- 【微信小程序】自定义组件
- 微信小程序自定义组件:对话框、指示器、五星评分...
- 微信公众账号添加关注按钮和分享到朋友圈按钮.
- 如何将操作按钮悬浮固定在微信小程序底部?
- 微信自定义分享功能
- 微信小程序转发自定义图片
- 微信小程序组件 contact-button(客服会话按钮)详解及实例代码
- 增加自定义按钮风格功能! – 社会化分享按钮
- 微信小程序实用小组件:自定义tabbar