移动端瀑布流/信息流布局以及交互

//瀑布流/信息流简易布局{布局分为左右两列排版}
1-优点：粘贴复制代码，小程序，H5通用，绝对满足80%需求
2-缺点：代码逻辑复杂用臃肿
3-分析实现思路：
              ---1.布局为左右两列布局样式 
			       ===left{状态显示两种：
				      --1长图形态显示
					  --2短图形态显示}
				   ===right
				      {1长图形态显示 
					   -2短图形态显示}
			  ---2.数据源JSON数据List[]，通过状态区分划分为left1[],right1[]
			       ===例如JS
				      var list=[{...}];后台传递过来的JSON数据
					  //声明两个新数组
					  var left1=[],right1=[];
					  //循环判断分别追加到left1，right1数组
					  for(var i in list){
					  if(i%2==0){
					     left1.push(list[i]);
					   }
					   if(i%2!=0){
					     right1.push(list[i]);
					    }
					  }
				  ===页面渲染中继续使用index%2==0,index%2!=0这样显示区分

//如图所示效果

           

//直接上代码吧，我不是个能扯皮的人，也不啰嗦

 

    
        
        
        

        

    
    
        

            

                

                    

                        

                            

                                

                                    

                                        

                                            
                                        
                                        
{{item.title}}
                                        

                                        

                                            

                                                
                                                
{{item.username}}
                                            
                                            

                                                
{{item.num}}
                                            
                                        
                                        

                                            

                                                
{{item.content}}
                                                
去购买
                                            
                                        
                                    
                                
                            
                        
                        
                        

                            

                                

                                    

                                        

                                            
                                        
                                        
{{item.title}}
                                        

                                        

                                            

                                                
选妹
                                            
                                            

                                                
{{item.num}}
                                            
                                        
                                        
                                    
                                
                            
                        
                        
                    
                    

                        

                            

                                

                                    

                                        

                                            
                                        
                                        
{{item.title}}
                                        

                                        

                                            

                                                
                                                
选购指南
                                            
                                            

                                                
{{item.num}}
                                            
                                        
                                        
                                    
                                
                            
                        
                        

                            

                                

                                    

                                        

                                            
                                            
                                        
                                        
{{item.title}}
                                        

                                        

                                            

                                                
                                                
{{item.username}}
                                            
                                            

                                                
{{item.num}}
                                            
                                        
                                        

                                            

                                                
{{item.content}}
                                                
去购买