微信小程序开发图解案例教程第7章 综合案例：仿糗事百科微信小程序.pptxVIP

微信小程序开发图解案例教程（附精讲视频）（第2版）;需求描述 ■设计思路及相关知识点 ■准备工作 ■设计流程 ■小结 ■; 在糗事百科中可以查看他人发布的糗事并与网友分享自己亲身经历或听说到的各类生活糗事，如图7.1、图7.2所示。;图7.1　专享　　　　　　　　　　　　　　　　　图7.2　视频; 仿糗事百科微信小程序主要完成以下功能。（1）实现顶部页签菜单左右滑动效果，如图7.3所示。;（2）实现顶部页签菜单切换效果，页签菜单选中时字体加粗，同时对应的内容也相应变化，如图7.4、图7.5所示。 （3）实现专享界面糗事列表设计，包括发布人头像、发布人昵称、发布的段子等信息，以列表的形式展现出来。 （4）实现视频列表页设计，使视频可以进行播放与暂停。 （5）实现分享功能，可以将当前界面分享给好友，如图7.6所示。;图7.4　专享界面　　　　　　　图7.5　视频界面 图7.6　分享页面;7.2.1　设计思路（1）实现顶部页签滑动效果，需要借助于scroll-view可滚动视图区域组件，设置scroll-x=true属性，允许顶部页签在水平方向上左右滑动；（2）页签菜单切换，内容也会随着进行切换，需要使用swiper滑块视图容器组件，根据current当前页面索引值来决定显示哪个面板；;（3）设计糗事列表，首先设计一