该项目是公司主要营收来源之一
, 供美洲过百企业与集团使用, 包括官网、 order 点单、 checkout
付款、detail 订单详情等主要业务模块,以贡茶为例,系统已占据贡茶全球点单市场并为其提高营收
超 40%以上
技术栈
React18、NextJs、typescript、sass、AntDesign、Redux、RTK、copyJs
项目职责:
1、使用 redux 结合 RTK 进行全局状态库的搭建,并创建 commonReducer、orderReducer 进行当前用
户信息与订单信息状态的管理。
2、组件
(3) (1) 封装 CascaderLocation 组件,同时适配多业务场景下的地址选择到时间选择的级联菜单。
(2) 封装 DetailCard 组件,同时适配多业务场景下的订单详情组件。
封装 category 菜品选择组件,同时适配多业务场景下的菜单 Menu 到分类 Menu 再到单一菜
品的级联菜单。
(4) 二次封装 AntDesign 选项卡组件,添加查询,滚动,tag 等交互效果。
结合 AntDesign 组件设计方案,封装全局 UI 组件,如弹窗,文字提示,广告位等。、
(5) 等。。。
3、Hooks
(1) 封装 useGlobal,获取当前店铺信息,结合组件生成页面。
(2) 封装 usePay,适配多业务场景下的支付逻辑。
(3) 二次封装 useRouter,实现路由跳转自动协参功能。
等。。。
4、Hoc
(1) 封装 withLayout,适配多业务场景下的 layout 布局。
(2) 封装 withDetail,适配多业务场景下的订单详情 UI 布局。
等。。。