立项背景和目标:
解决线下借贷缺乏有效凭证问题。开发一款区块链存证的电子借条系统,让用户快速创建具有法律效力的数字化借贷凭证,确保交易双方权益保护。核心功能模块:
借条创建 - 选身份→填写金额/日期/双方信息→电子签署
历史管理 - 查看全部借条、详情预览、删除记录
数字签名 - Canvas手写签名,支持撤销重签
数据存储 - 本地持久化+借条ID追溯
整体架构:
前端框架:微信小程序 + TDesign UI组件库
技术栈:WXML/WXSS/JS + Canvas签名 + 本地存储
6页面流程:首页→选身份→填信息→确认→签署→成功+历史记录
负责成果:
✅ 完整6页面开发(100%功能实现)
✅ TDesign组件库集成美化所有界面
✅ 借条详情页面(支持签名预览、删除、分享入口)
✅ 全局数据管理+本地存储持久化
✅ 历史记录管理功能完整
主要难点和解决:
iPhone15Pro布局适配 → 使用 env(safe-area-inset-top) 处理刘海屏和状态栏重叠
npm组件路径映射失败 → 在微信开发者工具"构建npm"生成miniprogramnpm目录
左右内容被截断 → 统一添加 width:100%; box-sizing:border-box; overflow-x:hidden