1.7 KiB
1.7 KiB
实现邀请码复制带域名文案功能
问题分析
当前点击复制邀请码按钮只会复制邀请码本身,而用户需要的是复制包含当前项目域名和邀请码参数的完整文案,以便分享给他人。
解决方案
- 修改
copyInviteCode函数,使其生成包含域名和邀请码的文案 - 在 i18n 配置中添加相应的翻译项
- 确保文案格式支持中英文切换
- 实现动态获取当前项目域名
实现步骤
- 在
index.vue中修改copyInviteCode函数,生成包含域名和邀请码的文案 - 在
locales/index.js中添加中英文翻译项,用于生成邀请文案 - 实现动态获取当前项目域名的逻辑
- 测试复制功能,确保文案格式正确
- 确保中英文切换时文案格式正确
预期结果
- 点击复制邀请码按钮时,会复制包含当前项目域名和邀请码参数的完整文案
- 文案格式支持中英文切换
- 保持现有的复制成功/失败提示
代码变更
- 修改
d:/work/Aiproject/DeotalandAi/apps/frontend/src/views/user/index.vue:- 更新
copyInviteCode函数 - 添加动态获取域名的逻辑
- 更新
- 修改
d:/work/Aiproject/DeotalandAi/apps/frontend/src/locales/index.js:- 添加中文翻译项
copyWithDomain - 添加英文翻译项
copyWithDomain
- 添加中文翻译项
文案格式示例
- 中文:"邀请您使用Deotaland AI,注册时填写邀请码:{inviteCode},或直接点击链接注册:{domain}/register?inviteCode={inviteCode}"
- 英文:"Invite you to use Deotaland AI, fill in the invite code when registering: {inviteCode}, or click the link to register directly: {domain}/register?inviteCode={inviteCode}"