Discuz不使用插件实现简单的打赏功能
2019-03-28 12:32
495 查看
实现目标:用户自行上传自己的支付宝及微信收款二维码,在主题帖增加打赏按钮及浮窗。
功能逻辑:利用后台自定义用户栏目实现用户上传二维码的功能,然后再在内容页加以判断、调用。
修改步骤:
1、如图增加两个上传收款码图片的自定义用户栏目(表单类型记得选择上传图片)
2、打开模板文件\template\当前模板目录(默认为default)\forum\viewthread_node.htm
查找:<!--{hook/viewthread_useraction}-->
在其上方增加以下代码即可
<!-- 打赏 --> <style> .dsdz{display: inline-block;padding: 10px 18px;} .dsdz p{padding-bottom: 10px;} .dsdz span{float: left;text-align: center;font-weight: 700;} .dsdz span img{width: 160px;} </style> <!--{eval $user_ds = C::t(common_member_profile)->fetch_all($post[authorid]);}--> <!--{loop $user_ds $ds}--> <!--{if $ds[field1] || $ds[field2]}--> <a href="javascript:;" rel="external nofollow" onclick="showDialog('<div class=dsdz><p>温馨提醒:此操作为直接向用户“$post[author]”扫码转账,不可逆.</p>{if $ds[field1]}<span><img src=data/attachment/profile/$ds[field1]><br>支付宝</span>{/if}{if $ds[field2]}<span style=margin-left:15px><img src=data/attachment/profile/$ds[field2]><br>微信</span>{/if}</div>', 'info', '打赏$post[author]', 1)"><i><img src="static/image/common/rec_add.gif" alt="打赏">打赏</i></a> <!--{/if}--> <!--{/loop}--> <!-- END -->
最终实现效果如下:
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接
您可能感兴趣的文章:
相关文章推荐
- ASP.NET jQuery 随笔 使用allValidator插件简单实现客户端验证功能
- yii2.0使用插件实现一个简单的上传功能
- 简单测试实现 博客园的头像上传功能 使用插件jquery jcrop+fineupload
- ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
- ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
- yii2.0使用插件实现一个简单的上传功能
- ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
- ASP.NET jQuery 食谱11 (通过使用jQuery validation插件简单实现用户登录页面验证功能)
- ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
- ASP.NET jQuery 食谱12 (通过使用jQuery validation插件简单实现用户注册页面验证功能)
- C#使用命令行方式实现Ping简单功能
- 使用bitmapData简单实现涂鸦中的橡皮功能[Flex]
- 使用jquery插件【jquery.cookie】,实现【记住我】功能
- Discuz!nt插件开发简单实现
- 使用一个黑客的小伎俩来实现discuz!邀请功能刷分
- 使用pager-taglib插件实现SSH框架的分页显示功能,只翻页三出错
- IOS开发之使用Speex格式实现简单的语音聊天功能(一)
- 使用bitmapData简单实现涂鸦中的橡皮功能(as3)
- ASP.NET使用AspNetPager实现简单的分页功能
- 使用一个黑客的小伎俩来实现discuz!邀请功能刷分