×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

0755 -
82538016
82560826
网站制作资讯

糗事百科小程序视频列表页的设计

文章编辑:网站建设 文章来源:深圳小程序开发 浏览量:

分享设计
  深圳小程序制作公司微信小程序支持分享页功能,可以将当前页分享给好友,单击右上角就可以进行分享,好友看到这个页面时显示的是实时数据,可以直接进入到微信小程序里,如图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)学会界面布局和给界面添加相关的样式。
小程序制作公司本文关于“糗事百科小程序的分享设计及项目预览”的知识就分享介绍到这里,谢谢关注,博纳网络编辑整理。

当前文章链接:/construction/zbwzdz/3284.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。