From 05508cd504ec6758713740481df53e4a67c2b71b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=B9=E6=99=AF=E7=AB=8B?= <zoujingli@qq.com>
Date: Fri, 14 Apr 2017 17:12:44 +0800
Subject: [PATCH] =?UTF-8?q?[=E6=9B=B4=E6=96=B0]=E4=BF=AE=E6=94=B9=E5=BE=AE?=
 =?UTF-8?q?=E4=BF=A1=E6=94=AF=E4=BB=98demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/index/controller/Wap.php   |  2 +-
 application/index/view/wap.payjs.html  | 71 ++++++++++++++++++++++++++
 application/index/view/wap.payqrc.html |  2 +
 3 files changed, 74 insertions(+), 1 deletion(-)
 create mode 100644 application/index/view/wap.payjs.html
diff --git a/application/index/controller/Wap.php b/application/index/controller/Wap.php
index 708517c32..843e5db5c 100644
--- a/application/index/controller/Wap.php
+++ b/application/index/controller/Wap.php
@@ -52,7 +52,7 @@ class Wap extends BasicWechat {
         }
     }
 
-    public function jspay() {
+    public function payjs() {
 
         return view();
     }
diff --git a/application/index/view/wap.payjs.html b/application/index/view/wap.payjs.html
new file mode 100644
index 000000000..009deb2d2
--- /dev/null
+++ b/application/index/view/wap.payjs.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>JSAPI支付DEMO</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
+</head>
+<body style="text-align:center">
+
+<div class="contrainer">
+    <h3>扫码支付DEMO</h3>
+    <form class="form-horizontal">
+        <div class="form-group">
+            <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
+            <div class="col-sm-10">
+                <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
+            </div>
+        </div>
+        <div class="form-group">
+            <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
+            <div class="col-sm-10">
+                <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
+            </div>
+        </div>
+        <div class="form-group">
+            <div class="col-sm-offset-2 col-sm-10">
+                <div class="checkbox">
+                    <label>
+                        <input type="checkbox"> Remember me
+                    </label>
+                </div>
+            </div>
+        </div>
+        <div class="form-group">
+            <div class="col-sm-offset-2 col-sm-10">
+                <button type="submit" class="btn btn-default">Sign in</button>
+            </div>
+        </div>
+    </form>
+</div>
+
+</body>
+<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
+<script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+<script>
+    $(function () {
+
+        payTest.call(this), setInterval(payTest, 3000);
+
+        /*! 支付测试动作 */
+        function payTest() {
+            $.get('{:url("payqrc")}', {'action': 'payqrc'}, function (ret) {
+                if (ret.code === 2) {
+                    ret.url = '__STATIC__/theme/default/img/wechat/qrc_payed.jpg';
+                }
+                console.log(ret);
+                $('#showbox').html('<img style="width:300px" class="img-thumbnail" src="' + ret.url + '"/>');
+                $('#orderno').html('订单号：' + ret.order_no);
+            });
+        }
+
+        $('[data-reset]').on('click', function () {
+            $.get('{:url("payqrc")}', {'action': 'reset'}, function () {
+                window.location.reload();
+            });
+        });
+    });
+</script>
+</html>
\ No newline at end of file
diff --git a/application/index/view/wap.payqrc.html b/application/index/view/wap.payqrc.html
index e82ca9562..472a06da0 100644
--- a/application/index/view/wap.payqrc.html
+++ b/application/index/view/wap.payqrc.html
@@ -3,6 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <title>扫码支付DEMO</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
 </head>
 <body style="text-align:center">
