分享设计
深圳小程序制作公司微信小程序支持分享页功能,可以将当前页分享给好友,单击右上角就可以进行分享,好友看到这个页面时显示的是实时数据,可以直接进入到微信小程序里,如图1.1所示。
图1.1页面分享
进入到pages/index/index.js文件里,添加onShareAppMessage分享功能接口函数,具体代码如下所示。
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'}}})
微信开发者单击分享功能时,界面效果如图1.2所示。
图1.2分享功能
项目预览
如果项目中有AppID,就可以将项目进行上传,在手机上就可以浏览仿糗事百科微信小程序,如图1.3、图1.4、图1.5所示。
图1.3糗事列表
图1.4视频列表
图1.5分享
仿糗事百科微信小程序,重点掌握以下内容:
(1)学会使用scroll-view可滚动视图组件来设计左右滑动效果;
(2)学会设计页签菜单和页签内容联动切换效果;
(3)学会设计糗事列表的布局以及如何使用引入文件复用糗事列表内容,提高开发效率;
(4)学会设计分享功能,借助于微信小程序提供的分享功能接口,可以将当前页面分享给好友;
(5)学会界面布局和给界面添加相关的样式。
小程序制作公司本文关于“糗事百科小程序的分享设计及项目预览”的知识就分享介绍到这里,谢谢关注,博纳网络编辑整理。