微信小程序开发图解案例教程第8章 综合案例：仿中国婚博会微信小程序.pptx

微信小程序开发图解案例教程（附精讲视频）（第2版）刘刚?著第8章 综合案例：仿中国婚博会微信小程序需求描述 ■设计思路及相关知识点 ■准备工作 ■设计流程 ■小结 ■ 参加婚博会需要使用中国婚博会App进行索要门票、领签到礼等环节。 由于中国婚博会App软件使用频率不是很高，因此完全可以做一个中国婚博会微信小程序，需要的时候搜索出来使用，它的主要界面如图8.1～图8.4所示。图8.1　首页　　　　　　　　　　　图8.2　全部分类 图8.3　现金券　　　　　　　　 　　　　 　图8.4　婚博会8.1　需求描述 仿中国婚博会微信小程序需要完成以下主要功能：（1）完成底部标签导航设计、首页海报轮播效果设计和宫格导航设计，如图8.5所示。（2）在首页里，单击全部分类宫格导航的时候，会进入到全部分类导航界面，把婚博会相关内容的导航集成到一个界面里，如图8.6所示。图8.5　首页设计　　　　　　　　　　　　　图8.6　全部分类界面（3）在现金券界面里，将各个商户的现金券以列表的形式展现出来，提供全部、默认下拉菜单效果显示，如图8.7所示。（4）在婚博会界面里，提供索票的界面，填写个人相关信息，可以进行索票，如图8.8所示。图8.7　现金券界面　　　　　　　　　　　　　图8.8　免费索票（5）在填写表单选择获知渠道时，以弹出窗口的形式提供单选列表，供用户选择获知婚博会渠道的情况，如图8.9所示