重庆小潘seo博客

当前位置:首页 > 重庆网络营销 > 小潘杂谈 >

小潘杂谈

微信小程序中自定义分享按钮的实现过程

时间:2020-09-17 11:20:08 作者:重庆seo小潘 来源:
本篇文章给大家带来的内容是关于微信小程序中自定义分享按钮的实现过程,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 1、声明 onShareAppMessage 函数onShareAppMessage() {return {title: 弹出分享时显示的分享标题desc: 分享页面的内

本篇文章给大家带来的内容是关于微信小程序中自定义分享按钮的实现过程,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

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了。

相关推荐:

微信小程序实例:自定义分享功能的实现代码

微信小程序实例:微信小程序中弹窗的实现代码以上就是微信小程序中自定义分享按钮的实现过程的详细内容,更多请关注小潘博客其它相关文章!