生鲜类:仿爱鲜蜂微信小程序

时间:2021-10-02 18:14:36
【文件属性】:

文件名称:生鲜类:仿爱鲜蜂微信小程序

文件大小:199KB

文件格式:ZIP

更新时间:2021-10-02 18:14:36

it

设计思路 (1)设计底部标签导航,准备好底部标签导航的图标和建立相应的四个页面; (2)设计首页的幻灯片轮播效果,需要准备好要轮播的图片,同时借助于swiper滑块视图容器组件完成幻灯片轮播效果; (3)设计首页商品内容,需要准备好商品图片以及商品的内容,例如商品的图片、商品的名称、价格等等信息; (4)首页商品信息动态添加到购物车里,需要借助于wx.setStorageSync这个API将商品数据信息保存到本地; (5)闪送超市纵向导航设计需要借助于swiper滑块视图容器组件,动态切换不同导航菜单对应的内容; (6)购物车订单信息,需要使用wx.getStorageSync这个API从本地获取商品信息; (7)地址列表界面布局设计,需要使用view、image等组件,新增地址按钮固定在底部设计需要使用position:fixed属性; 相关知识点 (1)app.json配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置底部标签导航、开启debug开发模式; (2)swiper滑块视图容器组件,可以实现海报轮播效果动态展示以及页签内容切换效果; (3)button按钮组件的使用,可以将form表单数据提交给后台; (4)form表单组件,用来将表单输入的内容提交给后台,比如提交 这些组件的数据; (5)picker从底部弹起的滚动选择器,现支持三种选择器,通过mode来区分,分别是普通选择器,时间选择器,日期选择器,默认是普通选择器; (6)wx.setStorageSync(KEY,DATA),将 data 存储在本地缓存中指定 key 中; (7)wx.getStorageSync(KEY),从本地缓存中同步获取指定 key 对应的内容;


网友评论