更新代充静态图

view/peko/modules/behalfRecharge/css/index.css

@@ -30,7 +30,7 @@ body {
 
 .box {
   width: 10rem;
-  height: 30.0933333333rem;
+  height: 30.4533333333rem;
   background: url(../images/bg.png) no-repeat;
   background-size: 100% 100%;
   position: relative;
@@ -38,16 +38,34 @@ body {
 }
 .box .user {
   width: 8.4rem;
-  height: 2rem;
+  height: 2.8rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
 }
 .box .user1 {
-  top: 22.7rem;
+  top: 6.7rem;
 }
 .box .user2 {
-  top: 24.6rem;
+  top: 9.6rem;
+}
+.box .user3 {
+  top: 12.2rem;
+}
+.box .user4 {
+  top: 15.1rem;
+}
+.box .user5 {
+  top: 18rem;
+}
+.box .user6 {
+  top: 20.9rem;
+}
+.box .user7 {
+  top: 23.6rem;
+}
+.box .user8 {
+  top: 26.4rem;
 }
 
 /*# sourceMappingURL=index.css.map */

view/peko/modules/behalfRecharge/css/index.scss

@@ -38,7 +38,7 @@ body {
 
 .box {
     width: px2rem(750, );
-    height: px2rem(2257, );
+    height: px2rem(2284, );
     background: url(../images/bg.png) no-repeat;
     background-size: 100% 100%;
     position: relative;
@@ -46,17 +46,41 @@ body {
 
     .user {
         width: 8.4rem;
-        height: 2rem;
+        height: 2.8rem;
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
     }
 
     .user1 {
-        top: 22.7rem;
+        top: 6.7rem;
     }
 
     .user2 {
-        top: 24.6rem;
+        top: 9.6rem;
+    }
+
+    .user3 {
+        top: 12.2rem;
+    }
+
+    .user4 {
+        top: 15.1rem;
+    }
+
+    .user5 {
+        top: 18rem;
+    }
+
+    .user6 {
+        top: 20.9rem;
+    }
+
+    .user7 {
+        top: 23.6rem;
+    }
+
+    .user8 {
+        top: 26.4rem;
     }
 }

view/peko/modules/behalfRecharge/index.html

@@ -17,8 +17,14 @@
     </div>
     <!-- 背景 -->
     <div class="box">
-        <div class="user user1"></div>
-        <div class="user user2"></div>
+        <div class="user user1" uid="44534"></div>
+        <div class="user user2" uid="50728"></div>
+        <div class="user user3" uid="69023"></div>
+        <div class="user user4" uid="69320"></div>
+        <div class="user user5" uid="67115"></div>
+        <div class="user user6" uid="56674"></div>
+        <div class="user user7" uid="12305"></div>
+        <div class="user user8" uid="55897"></div>
     </div>
 </body>
 

view/peko/modules/behalfRecharge/js/index.js

@@ -50,26 +50,15 @@ $(function () {
         }, 100)
     })
 })
-$('.box .user1').click(function () {
+
+$('.box .user').click(function () {
+    var uid = $(this).attr('uid');
     if (browser.app) {
         if (browser.ios) {
-            window.webkit.messageHandlers.openPersonPage.postMessage(44534);
+            window.webkit.messageHandlers.openPersonPage.postMessage(uid);
         } else if (browser.android) {
             if (androidJsObj && typeof androidJsObj === 'object') {
-                window.androidJsObj.openPersonPage(44534);
-            }
-        }
-    } else {
-        toastMsg('請在app內中打開')
-    }
-})
-$('.box .user2').click(function () {
-    if (browser.app) {
-        if (browser.ios) {
-            window.webkit.messageHandlers.openPersonPage.postMessage(50728);
-        } else if (browser.android) {
-            if (androidJsObj && typeof androidJsObj === 'object') {
-                window.androidJsObj.openPersonPage(50728);
+                window.androidJsObj.openPersonPage(uid);
             }
         }
     } else {