红颜色的框框框是我截图标注,本身不是界面一部分
布局问题,不知道如何解决,求大家帮忙- 需求的场景描述(希望解决的问题) [图片] 上面的数据是一个大循环(对象、时节)输出的,然后再嵌套一个循环(儿童、初中生、高中....)输出的。 在布局上,对象的view 跟 儿童的view是同等级的,采用了flex布局,但是出现了问题,就是第二个红框的内容肯定是在“对象”这个view下面另起一行的,没办法移到第一个红框进去,下面的“时节”内容也这样,求大牛帮看看有什么方案解决我有需求不? 下面是相关代码: [代码]<[代码][代码]block[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{words}}"[代码] [代码]wx:key[代码][代码]=[代码][代码]"key"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"recommend-item"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"item"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]text[代码] [代码]class[代码][代码]=[代码][代码]"item-title"[代码][代码]>{{item.key}}</[代码][代码]text[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]block[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{item.values}}"[代码] [代码]wx:key[代码][代码]=[代码][代码]"sub-key"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"sub-item"[代码] [代码]wx:key[代码][代码]=[代码][代码]"items"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]text[代码][代码]>{{item}}</[代码][代码]text[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]block[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]block[代码][代码]>[代码][代码].recommend-item{[代码][代码] [代码][代码]display[代码][代码]: flex;[代码][代码] [代码][代码]flex-[代码][代码]direction[代码][代码]: row;[代码][代码] [代码][代码]justify-[代码][代码]content[代码][代码]:space-start;[代码][代码] [代码][代码]margin-left[代码][代码]: [代码][代码]15[代码][代码]rpx;[代码][代码] [代码][代码]margin-bottom[代码][代码]: [代码][代码]20[代码][代码]rpx;[代码][代码] [代码][代码]margin-top[代码][代码]: [代码][代码]20[代码][代码]rpx;[代码][代码] [代码][代码]margin-right[代码][代码]: [代码][代码]15[代码][代码];[代码][代码] [代码][代码]flex-wrap:wrap;[代码][代码]}[代码][代码].item{[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]120[代码][代码]rpx;[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]18px[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]120[代码][代码]rpx;[代码][代码] [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]border[代码][代码]: [代码][代码]1px[代码] [代码]solid[代码] [代码]#f6f6f6[代码][代码];[代码][代码]}[代码][代码].sub-item{[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]15px[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]60[代码][代码]rpx;[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]120[代码][代码]rpx;[代码][代码] [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]border[代码][代码]: [代码][代码]1px[代码] [代码]solid[代码] [代码]#f6f6f6[代码][代码];[代码][代码]}[代码]- 希望提供的能力
2019-04-28