该项目是一个国家校外培训平台 app ,整体工程架构采用原生内嵌h5的方式,h5完成 app 所有页面,技术栈采用 Vue3.x全家桶+vite+vite-plugin-pages 文件系统路由+vueSetupExtend(setup 设置组件名称)+amfe-flexible+vant 设置 rem 基准值进行搭建,主要包括登陆、首页、重大事件、工作台、我的等主要模块。
1、根据设计图页面分析,统一封装返回头组件,由于返回头文字位置不定,使用插槽来显示不同的位置的内容。
2、因大量页面有表格下钻的功能,封装了公用表格下钻的组件,提取公用逻辑编写下钻 hook ,减少重复代码
3、完成关于原生通信的所有公用 hook ,例如图片上传/退出 app /查询 app 版本号等
4、完成 echart 饼图组件的封装与维护,完成 echart 折线图组件等开发与维护
5、完成条件筛选业务组件,完成基于 vant 省市区联动组件的开发与维护
6、设计 echart 的移动端图表优化方案,完成方案落地