个人品牌名片小程序产品系统

1、立项原因：传统纸质名片携带不便、信息更新困难、无法直接互动。为了让个人用户和企业能够快速展示自己的姓名、职位、联系方式，实现一键拨号、一键复制微信、地图导航功能，提升社交和商务沟通效率。

2、行业场景：适用于个人名片、企业宣传、门店展示、专家介绍等场景。用户扫码即可保存联系方式，点击电话直接拨打，点击微信自动复制，点击位置直接导航，极大提升用户体验和转化率。

1、项目具体功能模块：
- 个人信息展示模块：展示姓名、职位、头像
- 联系方式模块：电话一键拨号、邮箱展示、微信一键复制
- 技能标签模块：展示个人专业技能
- 地图导航模块：点击打开地图，显示店铺位置并支持导航
- 自定义配色模块：背景颜色可自由定制

2、主要功能描述：
- 一键拨号：点击电话号码直接调用系统拨号功能
- 复制微信：点击微信号自动复制到剪贴板，并提示复制成功
- 地图导航：点击“查看位置”打开微信内置地图，显示店铺位置并支持导航
- 技能标签：彩色标签展示专业技能，可自由增删改
- 预览模式：开发完成后可生成预览二维码，客户扫码即可在手机上查看真实效果，满意后再付款

1、我负责的具体任务：
- 独立完成整个小程序的前端开发和页面设计
- 负责页面结构搭建（WXML）和样式编写（WXSS）
- 实现所有交互功能：一键拨号、复制微信、地图导航
- 调试和优化不同手机屏幕的适配问题
- 生成预览二维码，供客户扫码体验

2、技术栈和实现亮点：
- 技术栈：微信小程序原生开发，使用WXML构建页面结构，WXSS编写样式，JavaScript实现交互逻辑
- 地图导航：调用微信官方wx.openLocation接口，实现一键打开地图并导航
- 复制功能：使用wx.setClipboardData实现点击微信号自动复制到剪贴板，并弹出成功提示
- 拨号功能：调用wx.makePhoneCall实现点击电话直接拨号
- 响应式布局：使用rpx单位适配不同屏幕尺寸，flex布局实现灵活排版
- 自定义配色：背景颜色采用渐变色，技能标签使用彩色渐变，整体风格现代简约