微信小程序自定义分享按钮

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;

}

微信小程序自定义分享按钮相关推荐

uniapp微信小程序自定义分享按钮
1.在 manifest.json 的 App SDK 配置里,勾选微信消息及朋友圈并填写相关微信 appkey. 2. 代码里面调用: <button class="w100 h10 ...
mpvue开发微信小程序，分享按钮报错：`Cannot read property 'apply' of null`
用mpvue开发微信小程序,分享按钮报错:Cannot read property 'apply' of null thirdScriptError Cannot read property 'app ...
微信小程序自定义分享标题和图片
微信小程序当中有两种分享的方式 1.按钮方式<button open-type="share"></button> 2.右上方的"..." ...
uniapp小程序自定义分享按钮
1.代码如下 <button class="w100 h100 btn-collection inline-block" open-type="share" ...
微信小程序自定义分享功能开发笔记
要在分享的页面中定义onShareAppMessage 方法,只有定义了此事件处理函数,右上角菜单才会显示"转发"按钮 onShareAppMessage触发方式有两种,一种是通过 ...
微信小程序组件分享按钮
//wxml <view class='nav-right' bindtap='tobackShop'> <button open-type="share" cl ...
微信小程序隐藏分享按钮
引入微信js <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1 ...
微信小程序点击按钮分享指定页面
微信小程序点击按钮分享指定页面 1.在wxml里写所要点击的按钮 <button data-info='{{order}}' open-type="share" hover- ...
plsql developer无监听程序_微信小程序支持分享到朋友圈啦！技术解读跟我来
千呼万唤始出来!微信小程序页面分享到朋友圈的功能,终于在安卓系统灰度测试了!目前只在安卓系统!只在安卓系统!只在安卓系统!iOS系统还没有办法体验. 首先,我们看一下官方文档的描述,解读一下小程序分享 ...

微信小程序自定义分享按钮

微信小程序自定义分享按钮相关推荐

最新文章

热门文章