遍历行,实现一行两列

微信图片_20230202112834.png

要实现这样的效果,用到了uView的u-row和u-col

        
            
                
                    {{item.name }}
                
                
                    {{ list[index+1].name}}
                
            
        
  • 'index % 2 == 0'中%一般为取余或者取模,这里是指只遍历能被2整除的项,也就是奇数项,展示的时候是通过list[index+1]来展示偶数项
list: [{
                        name: '1'
                    },
                    {
                        name: '2'
                    },
                    {
                        name: '3'
                    },
                    {
                        name: '4'
                    }, {
                        name: '5'
                    },
                    {
                        name: '6'
                    }
                ],

你可能感兴趣的:(遍历行,实现一行两列)