帝國(guó)cms二維碼收款功能如何實(shí)現(xiàn)?先將自己親測(cè)實(shí)用的一個(gè)方法告知大家,事先需要準(zhǔn)備好自己的微信和支付寶收款二維碼。帝國(guó)cms實(shí)現(xiàn)二維碼收款功能的方法如下:
第一步:在需要顯示打賞功能的內(nèi)容頁(yè)添加如下代碼:
<div class="dashangma"><div class="ewm"><ul><li><img src="https://img.91jucai.com/images/weipayimg.jpg">微信收款碼</li><li><img src="https://img.91jucai.com/images/alipayimg.jpg">支付寶收款碼</li></ul></div><span class="btnds">打賞</span></div>
第二步:在內(nèi)容頁(yè)的js文件添加如下代碼:
$(".btnds").click(function(){
$(".ewm").toggle();
});
第三步:在內(nèi)容頁(yè)的css文件中添加如下代碼:
.ewm { width: 300px; margin: auto; padding:20px; box-shadow: #cecbcb 1px 1px 10px; display: none; }
.ewm ul { text-align: center; }
.ewm ul li { display: inline-block; }
.ewm ul li img { width: 140px !important; height: 140px !important; }
.dashangma span { width: 60px; height: 60px; background: #F3B840; display: block; line-height: 60px; text-align: center; margin: 20px auto; border-radius: 50%; color: #fff; font-size: 18px;cursor:pointer }