基本信息

案例ID:213893

技术顾问:李子杰 - 2年经验 - 苏州高盾科技有限公司

联系沟通

微信扫码,建群沟通

项目名称:小兔鲜儿

所属行业:生活消费 - 分类信息

->查看更多案例

案例介绍

项目描述:微信小程序应用,商城购物类
负责工作:项目前端开发
技术框架:UniApp、Uni-ui、Vue3、TypeScript
开发工具:Vscode、HBuilder X、Git
模块说明:
一、登录
描述:登录模块分为手机号快捷登录和账号密码登录,手机号快捷登录需要先通过wx.login()获取登陆凭证code,再通过button按钮的@getphonenumber获取到加密的手机号(encryptedData)以及iv,cod e、encryptedData、iv传入接口返回用户信息并保存用户信息后完成登录跳转首页。
二、首页( tabBar页 )
描述:上方为自定义导航栏,导航栏下方有商品轮播图海报、商品分类和推荐、猜你喜欢,商品分类点击对应分类跳转到 tabBar分类页展示对应类型数据,由于tabBar分类页也需要此轮播图海报,猜你喜欢也有多个页面底部展示,所以把他们封装成了公共组件;猜你喜欢组件使用了scroll-view滚动触底可继续加载商品,一次push10条数据。
三、分类( tabBar页 )
描述:顶部复用轮播图海报组件,分类展示为三层循环结构,左侧循环展示大类,点击大类右侧循环展示包含小类以及循环展示小类的部分商品,点击商品跳转商品详情页。
优化:数据多请求较慢,微信开发者工具生成骨架屏,优先加载骨架屏。
四、商品详情
描述:展示商品轮播图、商品简介价格、同类推荐等信息;底部操作栏吸底,操作栏有跳转购物车,客服,加入购物车,立即购买操作;点击加入购物车和立即购买展示商品多规格SKU选择器组件,选完规格后加入购物车或生成待支付订单。 paddingBottom解决。
五、购物车( tabBar页 )
描述:上方展示已加入购物车的商品,下方复用猜你喜欢组件展示;商品数量、选中状态的修改都会条用接口修改,底部全选、总价使用计算属性,用数组的every方法返回全选的选中状态,用数组reduce方法返回总价。
六、我的( tabBar页 )
描述:展示用户头像和订单分类,下方复用猜你喜欢组件;个人信息( 分包 ):个人信息维护页、地址列表维护页 ;订单( 分包 ):订单类表页以及对应操作按钮、商品支付信息确认页;

相似案例推荐

其他人才的相似案例推荐

  • 竞品分析报告

    竞品分析报告

    以产品优化迭代为目的进行产品竞品分析。详细拆解产品业务与功能

  • 黑马智慧商场

    黑马智慧商场

    通过 Vue2、js、vant 进行网站全部的请求接口、渲染

  • 黑马小鲜兔

    黑马小鲜兔

    通过使用 JS、 Element Plus 、Vue3 制作

  • 智能微书

    智能微书

    智能微书--智能创建及管理个人知识书库,智能创建、管理及分享

  • 酷匠阅读

    酷匠阅读

    主要都是一些小说阅读功能的软件。具有以下共同特点: 1.书

  • Michaels商城

    Michaels商城

    1. 负责首页以及Classes,Project,Fgm,C

  • 帮帮

    帮帮

    帮帮平台作为中国范围内的生活服务平台,业务覆盖招聘、房产、汽

  • 小欧回收小程序

    小欧回收小程序

    微信小程序,集商城,回收服务,可以用于单位自营toB商城服务

  • buykop

    buykop

    buykop.com,一个类似于淘宝的跨境电商网站,并提供s

  • 淘宝商品数据爬取

    淘宝商品数据爬取

    在这个 Python 自动化爬虫项目中,我负责了整个系统的设

  • 小程序

    小程序

    餐饮行业数字化转型:综合管理系统 随着数字化浪潮的推进,餐

  • 一简品

    一简品

    1. 主要功能:商城系统、优惠券系统、订单系统、后台管理系统

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在1小时内与您联系,1小时内精准确定人才

微信接收人才推送

关注猿急送微信平台,接收实时人才推送

接收人才推送
联系需求方端客服
联系需求方端客服