分享设计
深圳小程序制作公司微信小程序支持分享页功能，可以将当前页分享给好友，单击右上角就可以进行分享，好友看到这个页面时显示的是实时数据，可以直接进入到微信小程序里，如图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）学会设计分享功能，借助于微信小程序提供的分享功能接口，可以将当前页面分享给好友；
（4）学会设计分享功能，借助于微信小程序提供的分享功能接口，可以将当前页面分享给好友；
（5）学会界面布局和给界面添加相关的样式。
小程序制作公司本文关于“糗事百科小程序的分享设计及项目预览”的知识就分享介绍到这里，谢谢关注，博纳网络编辑整理。
当前文章链接：/construction/zbwzdz/3270.html
如果您觉得案例还不错请帮忙分享：
[声明]本网转载网络媒体稿件是为了传播更多的信息，此类稿件不代表本网观点，本网不承担此类稿件侵权行为的连带责任。故此，如果您发现本网站的内容侵犯了您的版权，请您的相关内容发至此邮箱【qin@198bona.com 】，我们在确认后，会立即删除，保证您的版权。
.jpg)