//wxml <view class='nav-right' bindtap='tobackShop'> <button open-type="share" class='nav-right' style='background:#fff'> <view> <image src='../../imgs/index/tab_3.png'></image> </view> <text>分享</text> </button> </view> //css .nav-left,.nav-right{ text-align: center; } .nav-left,.nav-right{ text-align: center; } .nav-left>view,.nav-right>view{ width: 45rpx; height: 45rpx; margin: 0 auto; margin-top: 15rpx; } .nav-left>view image, .nav-right>view image{ width: 100%; height: 100%; vertical-align: top; } .nav-left text,.nav-right text{ display: block; margin-top: -30rpx; font-size: 20rpx; } .nav-right button image{ width: 100%; height: 100%; vertical-align: top; } .nav-right button text{ display: block; margin-top: -4rpx; font-size: 20rpx; } .nav-right button::after { border: 0; ">transparent; } //js /** * 用戶點擊右上角分享 */ onShareAppMessage: function (res) { if (res.from === 'button') { // 來自頁面內轉發按鈕 // console.log(res.target) } return { // title: '', path: '/page/detail/detail.js', success: function (res) { // 轉發成功 }, fail: function (res) { // 轉發失敗 } } }

轉載于:https://www.cnblogs.com/dianzan/p/7842825.html

總結

以上是生活随笔為你收集整理的微信 小程序组件 分享按钮的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。