change

h5v2/mw_20200108_act/css/page1.css

@@ -2,7 +2,7 @@
 * @Author: Marte
 * @Date:   2020-01-14 09:57:52
 * @Last Modified by:   Marte
-* @Last Modified time: 2020-01-20 15:09:42
+* @Last Modified time: 2020-01-21 19:36:57
 */
 html, body, ul, li, p, img { margin:0; padding:0; }
 ul, ol { list-style:none; }
@@ -278,7 +278,7 @@ body{
     width: 1000px;
     /*height: 820px;*/
     padding: 30px;
-    margin: 120px auto 0;
+    margin: 220px auto 0;
     border: 6px solid #7A0B18;
     border-radius: 30px;
     margin-bottom: 230px;

h5v2/mw_20200108_act/index1.html

@@ -153,6 +153,7 @@
                 focusItem:"page_btn",
             }
 
+            var listM = 0;
             var heguiItem = "";
             var changeOrwin = "";
             var rulesPopup = false;
@@ -334,6 +335,22 @@
                         }
                     },
                     onPress:function(){ 
+                        if(this.event.keyCode == 40 || this.event.keyCode == "DOWN"){
+                            if(this.prevIndex+4>=this.hotbtn.length){
+                                if(this.prevIndex == this.hotbtn.length-1) return;
+                                if(this.prevIndex == this.hotbtn.length-2){
+                                    this.reSetClass("voteBtn",this.hotbtn.length-1);
+                                }else{
+                                    this.reSetClass("voteBtn",this.hotbtn.length-listM);   
+                                }
+                            }else if(!!this.prev.getAttribute("data-mark") && !!this.hotbtn[this.prevIndex+4].getAttribute("data-mark")){
+                                this.reSetClass("voteBtn",this.hotbtn.length-2);
+                            }
+                        }else if(this.event.keyCode == 38 || this.event.keyCode == "UP"){
+                            if(this.prev.getAttribute("data-key")){
+                                this.reSetClass("voteBtn",this.prevIndex-listM);
+                            }
+                        }
                         if(!this.current.getAttribute("data-mark")){
                             var h = document.getElementsByClassName("voteTxt")[0].offsetHeight+document.getElementsByClassName("voteLi")[0].offsetHeight+20
                             G("scrollCont").style.top = - 770-(parseInt(this.currentIndex/4/2)*h) + "px";
@@ -918,6 +935,7 @@
                         act_id:init.act_id,
                         uid: uid, 
                         is_vip: init.is_vip,
+                        limit:100,
                     },
                     success: function (res) {
                         fn && fn(res);
@@ -1063,6 +1081,7 @@
                 getMengbaoList(uid,function(res){
                     if(res.code==0){
                         var _html="",_li="",_span="";
+                        listM = res.data.length%4;
                         var _len = res.data.length%4==0?res.data.length/4:parseInt(res.data.length/4)+1;
                         for(var i=0;i<_len;i++){
                             mengwaMediaArr.push(res.data[i].media_id);
@@ -1070,9 +1089,18 @@
                             voteArr.push(res.data[i].media_num);
                             _li="";_span="";
                             for(var j=0;j<4;j++){
-                                if(i*4+j>=res.data.length) return;
-                                _li+= '<li class="voteLi"><div class="u_img voteBtn"><img src="'+res.data[i*4+j].image+'" alt="" /><i id="vote'+(i*4+j)+'">'+res.data[i*4+j].score+'</i></div><div class="u_msg">'+res.data[i*4+j].name+'&nbsp;&nbsp;'+res.data[i*4+j].age+'</div></li>';
-                                _span += '<span class="voteBtn voteTxt" data-mark="1"><i>投你一票</i></span>';
+                                if(i*4+j<res.data.length){
+                                    _li+= '<li class="voteLi"><div class="u_img voteBtn"><img src="'+res.data[i*4+j].image+'" alt="" /><i id="vote'+(i*4+j)+'">'+res.data[i*4+j].score+'</i></div><div class="u_msg">'+res.data[i*4+j].name+'&nbsp;&nbsp;'+res.data[i*4+j].age+'</div></li>';
+                                    if(i==_len-1&&res.data.length%4!=0){
+                                        _span += '<span class="voteBtn voteTxt" data-mark="1" data-key="1"><i>投你一票</i></span>';
+                                    }else{
+                                        _span += '<span class="voteBtn voteTxt" data-mark="1"><i>投你一票</i></span>';   
+                                    }
+
+                                }else if(i*4+j>=res.data.length&&(i*4+j)<res.data.length+(4-(res.data.length%4))){
+                                    _li+= '<li class="voteLi" style="width: 239px;height: 200px;"></li>';
+                                    _span += '<span class="blacktxt"><i></i></span>';
+                                }
                             }
                             _html += (_li + _span);
                         }