爱收集资源网

仿中国婚博会微信小程序需求描述设计思路相关

网络整理 2022-05-17 03:04

微信小程序简明开发教程主讲人:肖刚老师综合案例:模仿中国婚博会微信小程序需求说明设计思路相关知识点准备微信小程序简明开发教程需求说明(1)完成底部标签导航设计、首页海报轮播效果设计、网格导航设计。(2)首页点击全分类网格导航,进入全分类导航界面微信小程序知识点总结,将婚博会相关内容的导航集成在一个界面中。(3)在现金券界面中,每个商家的现金券以列表的形式显示,提供全部和默认的下拉菜单效果展示.需求描述综合案例:仿中国婚博会微信小程序微信小程序简明开发教程需求描述(4)在婚礼中expo接口微信小程序知识点总结,提供票务申请接口,填写个人信息,即可申请票务。 (5)填写表格选择通知渠道时,以弹窗形式提供单选列表,供用户选择了解婚博渠道信息。需求说明综合案例:模仿中国婚博会微信小程序。设计思路(1)设计底部标签导航,准备底部标签导航的图标,并创建5个对应页面;设置默认图片和时图片选中,标签名称使用两种颜色,红色为选中颜色,灰色为默认颜色;(2)设计幻灯片轮播效果,并准备好需要旋转的幻灯片图片;(3)设计网格导航时,先将网格导航图标和导航名称存入js后台,循环动态显示宫殿导航;(4)设计所有分类导航时,有3个内容领域:趣味婚礼博览会,特色猫egory,我的婚礼集市。

因为这三个界面的布局是一样的,可以先设计一个区域,另外两个可以直接复制使用; (5)代金券界面设计的难点在于下拉菜单的过滤条件设计,需要将过滤条件放在页面最顶层,z- index: 999 可以在样式中设置放在最顶层;(6)婚博票请求界面是一个常规的表单界面,表单数据需要提交后台保存到A设计思路综合案例:模仿中国婚博会微信小程序 微信小程序简明开发教程 相关知识点(1)在界面布局中会用到微信小程序的组件,包括视图视图容器组件、图片图片组件、swiper滑块视图容器组件、icon图标组件、form表单组件、radio单项选择器组件、checkbox多选器组件等组件的使用;(2)界面风格设计,需要写一些wxss用于美化和渲染界面的样式; (3)本地缓存数据,需要调用API接口wx.setStorageSync来缓存数据;(4)接口跳转需要使用wx.navigateTo这个API接口,进行接口跳转。相关知识点综合案例:仿中国婚博会微信小程序微信小程序简明开发教程准备工作综合案例:仿中国婚博会微信小程序微信小程序简明开发教程需求描述设计思路相关知识点准备工作总结综合案例:模仿中国婚博会微信小程序简明微信小程序开发教程

婚博会 设计思路 微信小程序
相关文章