分享設計
深圳小程序制作公司微信小程序支持分享頁功能,可以將當前頁分享給好友,單擊右上角就可以進行分享,好友看到這個頁面時顯示的是實時數(shù)據(jù),可以直接進入到微信小程序里,如圖1.1所示。
圖1.1頁面分享
進入到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ā)者單擊分享功能時,界面效果如圖1.2所示。
圖1.2分享功能
項目預覽
如果項目中有AppID,就可以將項目進行上傳,在手機上就可以瀏覽仿糗事百科微信小程序,如圖1.3、圖1.4、圖1.5所示。
圖1.3糗事列表

圖1.4視頻列表

圖1.5分享
仿糗事百科微信小程序,重點掌握以下內容:
(1)學會使用scroll-view可滾動視圖組件來設計左右滑動效果;
(2)學會設計頁簽菜單和頁簽內容聯(lián)動切換效果;
(3)學會設計糗事列表的布局以及如何使用引入文件復用糗事列表內容,提高開發(fā)效率;
(4)學會設計分享功能,借助于微信小程序提供的分享功能接口,可以將當前頁面分享給好友;
(5)學會界面布局和給界面添加相關的樣式。
小程序制作公司本文關于“糗事百科小程序的分享設計及項目預覽”的知識就分享介紹到這里,謝謝關注,博納網(wǎng)絡編輯整理。