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

why 762 2024-08-02

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

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

1、声明 onShareAppMessage 函数

1

2

3

4

5

6

7

8

onShareAppMessage() {

         return {

       title: '弹出分享时显示的分享标题'

        desc: '分享页面的内容',

        path: '/page/user?id=123' // 路径,传递参数到指定页面。

  

    }

      },

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

1

<button open-type=&#39;share&#39;>分享</button>

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

1

2

3

4

5

6

button::after {

  border: none;

      }

      button {

  background-color: #fff;

     }

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


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序中列表渲染实现代码的深度探究
下一篇:小程序中 popupwindow 弹出框实现代码的详细介绍
相关文章

 发表评论

暂时没有评论,来抢沙发吧~