元灵视界小程序 + 合如慈小程序 + 微点云店商城

技术信息

作品详情

行业场景

元灵视界小程序：短视频播放平台。
合如慈小程序：文创类垂直电商小程序。
微点云店商城小程序：聚焦云链商品（数字藏品、虚拟权益、实体+数字融合商品）的新型电商小程。
配套OA系统管理后台：
合如慈管理后台、微点云店管理后台。

功能介绍

元灵视界小程序：基于 uni-app 开发的短视频内容平台，支持视频播放、点赞、评论、关注、推荐流等核心功能，面向广泛娱乐用户。
合如慈小程序：文创类垂直电商小程序，提供商品浏览、购物车、下单支付、订单管理、会员积分等完整交易链路。
微点云店商城小程序：聚焦云链商品（数字藏品、虚拟权益、实体+数字融合商品）的新型电商小程序，支持商品展示、预约、核销、链上信息查看等特色功能。
配套管理后台：
合如慈后台：Vue 3 + Element Plus 构建的商品进销存、类目管理、上架审核、订单处理系统；
微点云店后台：React + Ant Design 实现的高扩展性商品与链上资产管理系统，支持多商户、库存预警、营销配置等。

项目实现

技术栈：
小程序端：uni-app + uni.createVideoContext + video.js + Vuex + uni.request封装 + 分包加载、视频预加载、骨架屏（uskeleton）、懒加载等。
合如慈管理后台：Vue 3（steup语法） + Element Plus + Pinia +Vue Router 4 + Vite + ECharts +
微点云店管理后台：React + Ant Design + Axios + React Router + Vite
其他：路由守卫 + 指令控制 + Canvas海报绘制 + 本地缓存等
项目职责：
1、主导三款小程序（元灵视界、合如慈、微点云店）的前端开发，基于 uni-app + Vue 2/3 + uni-ui 实现一套代码多端运行（微信小程序为主），保障高性能与一致体验。
2、负责合如慈商城管理后台全栈前端开发，使用 Vue 3 + TypeScript + Element Plus + Pinia + Vite 构建商品管理、库存预警、订单处理、数据看板等模块。
3、参与微点云店 React 管理后台前端协作开发，基于 React 18 + Ant Design + Vite 实现云链商品配置、核销规则、多商户权限体系。
4、封装视频播放组件，使用视频预加载，优化首帧加载、滑动切换、自动播放、全屏、倍速播放交互等性能与兼容性。
5、开发电商交易闭环功能：包括 SKU 选择器、购物车同步、微信支付对接、订单状态机、物流跟踪、售后申请等，确保高转化率。
6、设计云链商品特色交互：藏品预览（Canvas/WebGL）、链上哈希展示、预约核销码生成、NFT 权益绑定等创新功能。
7、封装统一请求层（axios + 拦截器）、权限指令、图片懒加载组件、埋点上报 SDK。