實現目標:用戶自行上傳自己的支付寶及微信收款二維碼,在主題帖增加打賞按鈕及浮窗。
功能邏輯:利用后臺自定義用戶欄目實現用戶上傳二維碼的功能,然后再在內容頁加以判斷、調用。
修改步驟:
1、如圖增加兩個上傳收款碼圖片的自定義用戶欄目(表單類型記得選擇上傳圖片)
2、打開模板文件\template\當前模板目錄(默認為default)\forum\viewthread_node.htm
查找:<!--{hook/viewthread_useraction}-->
在其上方增加以下代碼即可
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<!-- 打賞 --> <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 --> |
最終實現效果如下:
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對服務器之家的支持。如果你想了解更多相關內容請查看下面相關鏈接
原文鏈接:http://www.codetc.com/article-356-1.html