微信充值二维码

src/main/webapp/resources/view/pinganPay/forstore/recharge.html

@@ -202,6 +202,34 @@
         font-size: 30px;
         color: #fc6260;
     }
+    .pay-recharge .pay-recharge-accounting .pay-qrcode >div .img-wrap {
+        width: 260px;
+        height: 260px;
+        line-height: 260px;
+        border: 1px solid #fccccc;
+        margin: 0 auto;
+    }
+    .pay-recharge .pay-recharge-accounting .pay-qrcode >div .img-wrap img {
+        max-width: 176px;
+        max-height: 176px;
+    }
+    .pay-recharge .pay-recharge-accounting .pay-qrcode >div .remind-wrap {
+        width: 260px;
+        height: 68px;
+        padding: 14px 23px;
+        color: #fff;
+        background: #fc6260;
+        margin: 10px auto 0;
+    }
+    .pay-recharge .pay-recharge-accounting .pay-qrcode >div .remind-wrap img {
+        float: left;
+    }
+    .pay-recharge .pay-recharge-accounting .pay-qrcode >div .remind-wrap div {
+        display: inline-block;
+        float: right;
+        font-size: 16px;
+        margin-right: 15px;
+    }
     /* 第二步 end */
 </style>
 <div class="pay-recharge">
@@ -209,7 +237,7 @@
         <p>账户：<span>深圳市优软科技有限公司</span>&nbsp;&nbsp;哈哈哈</p>
         <p>账户余额：<span class="green-text">56.63</span>&nbsp;元</p>
     </div>
-    <div class="pay-recharge-content">
+    <div class="pay-recharge-content" style="display: none">
         <div class="pay-recharge-items">
             <span>充值方式：</span>
             <a href="javascript:void(0)" class="active">
@@ -375,12 +403,24 @@
         <a href="javascript:void(0)">下一步</a>
         <a href="javascript:void(0)" class="to-bank">登录到网上银行充值</a>
     </div>
-    <div class="pay-recharge-accounting" style="display: none">
+    <div class="pay-recharge-accounting">
         <span>微信支付</span>
         <div class="pay-qrcode">
             <p>距离二维码过期还剩<span class="red-text">13</span>秒，过期后请刷新页面重新获取二维码</p>
             <!--<p class="red-text">二维码已过期，<a href="">刷新</a>&nbsp;页面重新获取二维码</p>-->
             <h4>充值金额：<span class="red-text">8000.00</span><span>元</span></h4>
+            <div>
+                <div class="img-wrap">
+                    <img src="static/img/pingan/qrcode.png" alt="">
+                </div>
+                <div class="remind-wrap">
+                    <img src="static/img/pingan/scan.png" alt="">
+                    <div>
+                        请使用微信扫一扫<br/>
+                        扫描二维码充值
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
 </div>