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

 所属分类:php教程

 浏览:125次-  评论: 0次-  更新时间:2022-10-08
描述:更多教程资料进入php教程获得。 本篇文章给大家带来的内容是关于微信小程序中自定义分享按钮的实现过程,有一定的参考价值,有需要的朋友可...
更多教程资料进入php教程获得。 本篇文章给大家带来的内容是关于微信小程序中自定义分享按钮的实现过程,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

1、声明 onShareAppMessage 函数

onShareAppMessage() {
         return {
       title: '弹出分享时显示的分享标题'
        desc: '分享页面的内容',
        path: '/page/user?id=123' // 路径,传递参数到指定页面。
 
    }
      },
登录后复制

2、自定义按钮是需要在button标签上写上 open-type='share’属性,在dom中写入button组件

登录后复制

3、一般自定义按钮和button组件的样式会有冲突, 下面代码就是更改button组件的样式的:

button::after {
  border: none;
      }
      button {
  background-color: #fff;
     }
登录后复制

去掉边框和背景色,就ok了。

相关推荐:

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

微信小程序实例:微信小程序中弹窗的实现代码

以上就是微信小程序中自定义分享按钮的实现过程的详细内容,更多请关注zzsucai.com其它相关文章!

 标签: 微信小程序,
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!