项目内容:通过抽取各个品牌的基本特性,形成一个成熟的产品,为不同品牌的电商小程序带来配置化方式去搭建电商小程序。
技术栈:react hooks、Ant Pro、TypeScript、ahooks、immerjs、lodash、less、axios、xlsx-js、hrml2canvas、react-beautiful-dnd、react-rnd
工作内容及部分亮点:
(1)负责CG后台活动模块、任务有礼模块,参与页面管理模块的typescript、需求、功能设计和实现;
(2)使用拖拽组件、模板的概念生成小程序页面数据,小程序端解析数据生成小程序页面
•页面配置中页面编辑器,拖拽(react-beautiful-dnd)左侧模板到页面,多个模板(模板由基础组件构成,基础组件按照小程序组件设计,模板又分为平面层和窗口层)拼成小程序的页面,展示在页面编辑器上,展示效果同小程序页面,页面中的模板实现拖拽后调整模板的排序;
•右侧展示当前选中模板的映射表单(表单由原子表单项构成,表单内存在两种递归,一是动作的递归,可以无限设置动作和动作回调,二是表单整体的递归,弹窗动作会继续触发一个动作