微信小程序?qū)崿F(xiàn)頁面分享onShareAppMessage
更新時(shí)間：2019年08月12日 10:31:11 作者：意外金喜
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頁面分享onShareAppMessage，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
效果
js
let app = getApp();
Page({
data: {
img: "/images/1.jpg"
},
onLoad() {
},
showShareMenu() {
wx.showShareMenu();
console.log("顯示了當(dāng)前頁面的轉(zhuǎn)發(fā)按鈕");
},
hideShareMenu() {
wx.hideShareMenu();
console.log("隱藏了當(dāng)前頁面的轉(zhuǎn)發(fā)按鈕");
},
onShareAppMessage: (res) => {
if (res.from === 'button') {
console.log("來自頁面內(nèi)轉(zhuǎn)發(fā)按鈕");
console.log(res.target);
}
else {
console.log("來自右上角轉(zhuǎn)發(fā)菜單")
}
return {
title: '妹子圖片',
path: '/pages/share/share?id=123',
imageUrl: "/images/1.jpg",
success: (res) => {
console.log("轉(zhuǎn)發(fā)成功", res);
},
fail: (res) => {
console.log("轉(zhuǎn)發(fā)失敗", res);
}
}
}
})
html
<view class="view">
<image class="cover-9" src="{{img}}" bindtap="img"></image>
<view class="window-1">
<button type="default" id="open" bindtap="showShareMenu">開啟分享</button>
<button type="warn" id="close" bindtap="hideShareMenu">關(guān)閉分享</button>
</view>
<button type="primary" open-type="share" data-name="pageShare" id="share">點(diǎn)擊分享</button>
</view>
css
page{
height: 100%;
}
.view{
width: 100%;
height: 100%;
}
.window-1{
display: flex;
flex-direction: row;
margin: 20rpx 0;
}
.cover-9{
width: 688rpx;
height: 75%;
margin: 0 30rpx;
border:2rpx solid;
border-radius:5px;
}
button{
margin: 0 10rpx;
width: 100%;
}
#share{
width: 730rpx;
}
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
終于解決了IE8不支持?jǐn)?shù)組的indexOf方法
今天，測試報(bào)過來一個(gè)js bug, 在IE8下有個(gè)js錯誤，但是在其它瀏覽器下(Firefox, Chrome, IE9)下面都很正常。后來調(diào)試發(fā)現(xiàn)原因是在IE8下，js數(shù)組沒有indexOf方法。2013-04-04
javascript設(shè)計(jì)模式 – 抽象工廠模式原理與應(yīng)用實(shí)例分析
這篇文章主要介紹了javascript設(shè)計(jì)模式 – 抽象工廠模式,結(jié)合實(shí)例形式分析了javascript抽象工廠模式相關(guān)概念、原理、定義、應(yīng)用場景及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04
JavaScript中參數(shù)傳遞方式包括按值傳遞、按引用傳遞、參數(shù)解構(gòu)傳遞、Rest參數(shù)傳遞、回調(diào)函數(shù)傳遞、閉包傳遞、模板字符串傳遞和高階函數(shù)傳遞,每種方式都有其特點(diǎn)和適用場景,選擇合適的傳遞方式可以提高代碼的可讀性、可維護(hù)性和靈活性,感興趣的朋友一起看看吧2025-01-01
這篇文章主要介紹了詳解微信JS-SDK選擇圖片遇到的坑，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-08
本文主要分享了Canvas實(shí)現(xiàn)放射線動畫的示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
JS實(shí)現(xiàn)頭條新聞的經(jīng)典輪播圖效果示例
這篇文章主要介紹了JS實(shí)現(xiàn)頭條新聞的經(jīng)典輪播圖效果,涉及javascript圖片輪播切換相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-01-01
下面小編就為大家?guī)硪黄狫S全角與半角轉(zhuǎn)化實(shí)例(分享)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
JavaScript實(shí)現(xiàn)點(diǎn)擊圖片翻轉(zhuǎn)效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)點(diǎn)擊圖片翻轉(zhuǎn)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
移到這里，就會自動點(diǎn)擊...2006-08-08
在原型鏈中，Object是頂級公民，function是一級公民，其他的是二級公民，先記住這句話，下面我們來講解一下為什么這么說。2021-06-06