update

data/resource/mobile/talk/js/room_apply.js

@@ -33,9 +33,9 @@ $(function () {
         RoomListHTML.apply(this,arguments);
         this.appendHTML = function (id) {
             var html = "";
-            for (var i = 0; i < this.applyList.length; i++) {
-                if (this.applyList[i].step == 1 || this.applyList[i].step == 2) {
-                    if (this.applyList[i].step == 1) {
+            for (var i = 0; i < this.listDatas.length; i++) {
+                if (this.listDatas[i].step == 1 || this.listDatas[i].step == 2) {
+                    if (this.listDatas[i].step == 1) {
                         html += "<div class=\"weui-cell\">\n" +
                             "        <div class=\"weui-cell__hd\">\n" +
                             "            <img src=\"" + this.listDatas[i].avatar + "\">\n" +

data/resource/mobile/talk/js/room_sports.js

@@ -0,0 +1,91 @@
+$(function () {
+    var RoomSportList = function(){
+        RoomList.apply(this,arguments);
+        this.rankingIndex = 0;
+        this.droploadCallback = function(res){
+            var applyList = JSON.parse(res);
+            if (applyList.code != 200) {
+                $.alert(applyList.message);
+                return;
+            }
+            var roomSportHTML = new RoomSportHTML(applyList.datas);
+            roomSportHTML.appendHTML(this.append_el);
+            if (applyList.datas.mobile_page.hasmore) {
+                this.curpage = applyList.datas.mobile_page.curpage+1;
+                this.hasmore = true;
+                roomSportHTML.loadHTML(this.load_state_el);
+            }
+            else {
+                $(window).off('scroll');
+                this.hasmore = false;
+                roomSportHTML.endHTML(this.load_state_el);
+            }
+        }
+    };
+
+    var RoomSportHTML = function () {
+        RoomListHTML.apply(this,arguments);
+        this.appendHTML = function (id) {
+            var room_sport_list = "";
+            var mine_sport = "";
+            if(roomSportList.curpage > 1) {
+                for(var i=0;i<this.listDatas.sports.length;i++) {
+                    roomSportList.rankingIndex++;
+                    room_sport_list += "<div class=\"weui-cell\">\n" +
+                        "                <div class=\"index_num\">"+roomSportList.rankingIndex+"</div>\n" +
+                        "                <div class=\"weui-cell__hd\">\n" +
+                        "                    <img src=\""+this.listDatas.sports[i].avatar+"\">\n" +
+                        "                </div>\n" +
+                        "                <div class=\"weui-cell__bd\">\n" +
+                        "                    <p>"+this.listDatas.sports[i].nickname+"</p>\n" +
+                        "                </div>\n" +
+                        "                <div class=\"weui-cell__ft walk_num\">"+this.listDatas.sports[i].sports+"</div>\n" +
+                        "            </div>";
+                }
+                $(id).append(room_sport_list);
+            }
+            else {
+                mine_sport = "<div class=\"weui-cell\">" +
+                    "                <div class=\"weui-cell__hd\">" +
+                    "                    <img src=\""+this.listDatas.user.avatar+"\">" +
+                    "                </div>" +
+                    "                <div class=\"weui-cell__bd\">" +
+                    "                    <p class=\"mine_name\">"+this.listDatas.user.nickname+"</p>" +
+                    "                    <p class=\"abstract\">第"+this.listDatas.user.ranking+"名"+this.listDatas.user.sports+"步</p>" +
+                    "                </div>" +
+                    "                <div class=\"weui-cell__ft\">" +
+                    "                    <a href=\"/mobile/index.php?act=member_talk&op=member_sports\" class=\"weui-btn weui-btn_mini weui-btn_primary\">捐赠步数</a>" +
+                    "                </div>" +
+                    "            </div>";
+                $('#mine_ranking').append(mine_sport);
+                for(var i=0;i<this.listDatas.sports.length;i++) {
+                    roomSportList.rankingIndex++;
+                    room_sport_list += "<div class=\"weui-cell\">\n" +
+                        "                <div class=\"index_num\">"+roomSportList.rankingIndex+"</div>\n" +
+                        "                <div class=\"weui-cell__hd\">\n" +
+                        "                    <img src=\""+this.listDatas.sports[i].avatar+"\">\n" +
+                        "                </div>\n" +
+                        "                <div class=\"weui-cell__bd\">\n" +
+                        "                    <p>"+this.listDatas.sports[i].nickname+"</p>\n" +
+                        "                </div>\n" +
+                        "                <div class=\"weui-cell__ft walk_num\">"+this.listDatas.sports[i].sports+"</div>\n" +
+                        "            </div>"
+                }
+                $(id).append(room_sport_list);
+                $('#room_sports_list .index_num').eq(0).addClass("em");
+                $('#room_sports_list .index_num').eq(1).addClass("em");
+                $('#room_sports_list .index_num').eq(2).addClass("em");
+                $('#room_sports_list .walk_num').eq(0).addClass("em");
+                $('#room_sports_list .walk_num').eq(1).addClass("em");
+                $('#room_sports_list .walk_num').eq(2).addClass("em");
+            }
+
+
+
+        };
+    };
+
+    var roomSportList = new RoomSportList({act:"member_talk",op:"ajax_room_sports"},"#room_sports_list","#load_state",true);
+    roomSportList.init();
+
+});

mobile/templates/default/talk/room_sports.php

@@ -8,6 +8,8 @@
           href="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/css/weui.css?<?php echo bonus_version(); ?>"/>
     <link rel="stylesheet"
           href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css?<?php echo bonus_version(); ?>">
+    <link rel="stylesheet"
+          href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css?<?php echo bonus_version(); ?>">
     <style type="text/css">
         html, body {
             background: #F2F2F2;
@@ -19,12 +21,18 @@
         }
 
         .weui-cell {
+            padding: 10px 15px;
             font-size: 15px;
             font-weight: 400;
         }
 
+        #room_sports_list .weui-cell {
+            padding: 10px 15px 10px 5px;
+        }
+
         .weui-cell__hd img {
             width: 40px;
+            border-radius: 4px;
         }
 
         .abstract {
@@ -57,7 +65,7 @@
         .index_num {
             font-size: 18px;
             text-align: center;
-            width: 18px;
+            width: 30px;
             margin-right: 10px;
         }
 
@@ -65,70 +73,30 @@
             font-weight: 600;
         }
 
-        .mine_ranking .weui-cells {
+        #mine_ranking {
             margin-top: 0;
         }
 
         .weui-cell:before {
             left: 0;
         }
+
+        #load_state .weui-loadmore__tips {
+            background-color:#f2f2f2;
+        }
+
+        .weui-btn_primary:not(.weui-btn_disabled):active {
+            color: #000000;
+            background-color: #ffffff;
+        }
     </style>
 </head>
 <body>
 
-<div class="room_sports_list">
-
-    <div class="mine_ranking">
-        <div class="weui-cells" id="mine_ranking">
-
-        </div>
-    </div>
-
-    <div class="room_ranking">
-        <div class="weui-cells" id="room_sports_list">
-            <div class="weui-cell">
-                <div class="index_num em">1</div>
-                <div class="weui-cell__hd">
-                    <img src="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/images/avatars.png">
-                </div>
-                <div class="weui-cell__bd">
-                    <p>联系人名称</p>
-                </div>
-                <div class="weui-cell__ft walk_num em">123456</div>
-            </div>
-            <div class="weui-cell">
-                <div class="index_num em">2</div>
-                <div class="weui-cell__hd">
-                    <img src="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/images/avatars.png">
-                </div>
-                <div class="weui-cell__bd">
-                    <p>联系人名称</p>
-                </div>
-                <div class="weui-cell__ft walk_num em">123456</div>
-            </div>
-            <div class="weui-cell">
-                <div class="index_num em">3</div>
-                <div class="weui-cell__hd">
-                    <img src="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/images/avatars.png">
-                </div>
-                <div class="weui-cell__bd">
-                    <p>联系人名称</p>
-                </div>
-                <div class="weui-cell__ft walk_num em">123456</div>
-            </div>
-            <div class="weui-cell">
-                <div class="index_num">4</div>
-                <div class="weui-cell__hd">
-                    <img src="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/images/avatars.png">
-                </div>
-                <div class="weui-cell__bd">
-                    <p>联系人名称</p>
-                </div>
-                <div class="weui-cell__ft walk_num">123456</div>
-            </div>
-        </div>
-    </div>
-</div>
+<div class="weui-cells" id="mine_ranking"></div>
+
+<div class="weui-cells" id="room_sports_list"></div>
+
 <div id="load_state"></div>
 
 
@@ -137,59 +105,6 @@
 <script src="<?php echo RESOURCE_SITE_URL; ?>/mobile/comm/utility.js?<?php echo bonus_version(); ?>"></script>
 <script src="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/js/talk_room.js?<?php echo bonus_version(); ?>"></script>
 <script src="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/js/room_sports.js?<?php echo bonus_version(); ?>"></script>
-
-<script type="text/javascript">
-    $(function () {
-        var RoomSportList = function(){
-            RoomList.apply(this,arguments);
-            this.droploadCallback = function(res){
-                var applyList = JSON.parse(res);
-                if (applyList.code != 200) {
-                    $.alert(applyList.message);
-                    return;
-                }
-                var roomSportHTML = new RoomSportHTML(applyList.datas);
-                roomSportHTML.appendHTML(this.append_el);
-                if (applyList.datas.mobile_page.hasmore) {
-                    this.curpage = applyList.datas.mobile_page.curpage+1;
-                    this.hasmore = true;
-                    roomSportHTML.loadHTML(this.load_state_el);
-                }
-                else {
-                    $(window).off('scroll');
-                    this.hasmore = false;
-                    roomSportHTML.endHTML(this.load_state_el);
-                }
-            }
-        };
-
-        var RoomSportHTML = function () {
-            RoomListHTML.apply(this,arguments);
-            this.appendHTML = function (id) {
-                var mine_sport = "<div class=\"weui-cell\">" +
-                    "                <div class=\"weui-cell__hd\">" +
-                    "                    <img src=\""+this.listDatas.user.avatar+"\">" +
-                    "                </div>" +
-                    "                <div class=\"weui-cell__bd\">" +
-                    "                    <p class=\"mine_name\">"+this.listDatas.user.nickname+"</p>" +
-                    "                    <p class=\"abstract\">第"+this.listDatas.user.ranking+"名"+this.listDatas.user.sports+"步</p>" +
-                    "                </div>" +
-                    "                <div class=\"weui-cell__ft\">" +
-                    "                    <a href=\"javascript:void(0)\" class=\"weui-btn weui-btn_mini weui-btn_primary\">捐赠步数</a>" +
-                    "                </div>" +
-                    "            </div>";
-                $('#mine_ranking').append(mine_sport);
-
-
-                var room_sport_list = "";
-            };
-        };
-
-        var roomSportList = new RoomSportList({act:"member_talk",op:"ajax_room_sports"},"#room_sports_list","#load_state",true);
-        roomSportList.init();
-
-    });
-</script>
 </body>
 </html>