分享設(shè)計(jì)
深圳小程序制作公司微信小程序支持分享頁功能,可以將當(dāng)前頁分享給好友,單擊右上角就可以進(jìn)行分享,好友看到這個(gè)頁面時(shí)顯示的是實(shí)時(shí)數(shù)據(jù),可以直接進(jìn)入到微信小程序里,如圖1.1所示。
圖1.1頁面分享
進(jìn)入到pages/index/index.js文件里,添加onShareAppMessage分享功能接口函數(shù),具體代碼如下所示。
Page({data:{currentTab:0,flag:0},switchNav:function(e){console.log(e);varpage=this;varid=e.target.id;if(this.data.currentTab==id){returnfalse;}else{page.setData({currentTab:id});}page.setData({flag:id});},onShareAppMessage:function(){return{title:'糗事百科',desc:'這里有搞笑的娛樂段子',path:'/index/index'}}})
微信開發(fā)者單擊分享功能時(shí),界面效果如圖1.2所示。
圖1.2分享功能
項(xiàng)目預(yù)覽
如果項(xiàng)目中有AppID,就可以將項(xiàng)目進(jìn)行上傳,在手機(jī)上就可以瀏覽仿糗事百科微信小程序,如圖1.3、圖1.4、圖1.5所示。
圖1.3糗事列表

圖1.4視頻列表

圖1.5分享
仿糗事百科微信小程序,重點(diǎn)掌握以下內(nèi)容:
(1)學(xué)會使用scroll-view可滾動(dòng)視圖組件來設(shè)計(jì)左右滑動(dòng)效果;
(2)學(xué)會設(shè)計(jì)頁簽菜單和頁簽內(nèi)容聯(lián)動(dòng)切換效果;
(3)學(xué)會設(shè)計(jì)糗事列表的布局以及如何使用引入文件復(fù)用糗事列表內(nèi)容,提高開發(fā)效率;
(4)學(xué)會設(shè)計(jì)分享功能,借助于微信小程序提供的分享功能接口,可以將當(dāng)前頁面分享給好友;
(5)學(xué)會界面布局和給界面添加相關(guān)的樣式。
小程序制作公司本文關(guān)于“糗事百科小程序的分享設(shè)計(jì)及項(xiàng)目預(yù)覽”的知識就分享介紹到這里,謝謝關(guān)注,博納網(wǎng)絡(luò)編輯整理。
當(dāng)前文章鏈接:/construction/zbwzdz/3244.html
如果您覺得案例還不錯(cuò)請幫忙分享:
[聲明]本網(wǎng)轉(zhuǎn)載網(wǎng)絡(luò)媒體稿件是為了傳播更多的信息,此類稿件不代表本網(wǎng)觀點(diǎn),本網(wǎng)不承擔(dān)此類稿件侵權(quán)行為的連帶責(zé)任。故此,如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權(quán),請您的相關(guān)內(nèi)容發(fā)至此郵箱【qin@198bona.com 】,我們在確認(rèn)后,會立即刪除,保證您的版權(quán)。