文件名称:生鲜类:仿爱鲜蜂微信小程序
文件大小: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表单组件,用来将表单输入的内容提交给后台,比如提交