swift 高仿爱鲜蜂

高仿爱鲜蜂

源码github

从swift发布1.0版本时就一直关注着它的成长。目前swift已经比较成熟,可以用来开发完整项目。 现在是时候使用swift练练手了。

“爱鲜蜂”是一款小型电商app。图片及数据资源来自于开源项目“iOS高仿爱鲜蜂”,首先感谢原作者的开源精神。有些功能参考了原作者的思想,但绝大部分加入了自己的一些想法并进行了重写,比如view层级的划分,代码结构的封装,字典传模型的实现等。

本app全部使用代码实现。使用语言swift, 环境 Xcode Version 7.3.1。

功能模块

1. 新手引导页: 首次使用app时显示。

新手引导页

2. 广告:使用动画修改缩放比例和透明度,产生过度效果。

广告

3. 首页:轮播图,商品集合,添加商品到购物车(有添加动画)。点击商品进入商品详情页,点击轮播图等加载对应的网页。在NavigationBar中包含扫一扫,搜索,选择收货地址item。

首页效果和轮播图效果
首页效果和轮播图效果
添加商品动画
添加商品动画

4. 扫一扫: 二维码,条形码扫描。

扫一扫

5. 选择收货地址: 修改收货地址。

选择收货地址

6.搜索

搜索

7. 闪电超市:两级tableView,左边tableView用于分类,右边的展示详细信息。

闪电超市

8. 购物车:显示收货地址,购物车中商品列表,当前总金额,点击选好了进入支付界面。

 购物车

9. 我的:

9.1 我的订单:显示订单列表,订单状态和订单详情

我的订单

9.2 优惠券: 显示优惠券列表

优惠券

9.3 我的消息:显示用户收到的系统消息列表和用户消息列表

我的消息

9.4 我的收获地址:添加,修改,删除用户的收货地址信息
9.5 我的店铺: 用户收藏的店铺列表
9.6 把乐鲜锋分享给好友: 社会化分享,暂时没写
9.7 客服帮助:呼叫客服和常见问题列表。

客服帮助

9.8 意见反馈:向系统提交意见。

意见反馈

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
设计思路 (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表单组件,用来将表单输入的内容提交给后台,比如提交<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/> 这些组件的数据; (5)picker从底部弹起的滚动选择器,现支持三种选择器,通过mode来区分,分别是普通选择器,时间选择器,日期选择器,默认是普通选择器; (6)wx.setStorageSync(KEY,DATA),将 data 存储在本地缓存中指定 key 中; (7)wx.getStorageSync(KEY),从本地缓存中同步获取指定 key 对应的内容;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值