活力39282
在线时间13640 小时
阅读权限200
管理员
自由的灵魂
- 积分
- 107434
- 主题
- 5630
- 回帖
- 26661
- 注册时间
- 2003-4-10
- 最后登录
- 2026-10-2
|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?立即注册
×
1、问题缘起
手机版短消息对话界面,用户头像仅作为静态展示,无法点击查看对方或自己的个人资料。为提升交互体验,需要对头像增加可点击跳转功能。
2、解决方案
(1)简要技术分析
在模板层用 <a> 标签包裹头像图片,链接指向 home.php?mod=space&uid={用户ID},实现点击跳转至用户个人空间页。
(2)修改文件列表
| 操作 | 文件路径 | | 修改 | template/default/touch/home/space_pm_node.htm |
(3)关键作用代码
文件:template/default/touch/home/space_pm_node.htm
对方头像(第3行),添加链接跳转:
- <div class="avat z"><a href="home.php?mod=space&uid={$value['msgfromid']}"><img src="<!--{avatar($value['msgfromid'], 'small', true)}-->" class="vm"></a></div>
复制代码
自己头像(第11行),保持不变,仅作静态展示:
- <div class="avat y"><img src="<!--{avatar($value['msgfromid'], 'small', true)}-->" class="vm"></div>
复制代码
3、最终实现效果
| 修改前 | 修改后 | | 对方头像不可点击,仅静态展示 | 点击对方头像,跳转至其个人资料页 | | 自己头像不可点击 | 保持不变(无链接) |
4、重要技术沉淀
- 手机版模板中,{$value['msgfromid']} 在对方消息中即对方UID,在自己消息中即自己UID。
- 仅需修改对方头像分支即可满足需求,自己头像无需增加链接。
5、进一步优化
可考虑在自己头像上也增加链接(如跳转至自己的个人资料页),但本次未采纳。
|
|