Weex list generates two columns

            <list class="list">
                <cell class="cell" v-for="item in longList">
                    <div class="listItem">
                        <text class="text">{{item.type}}</text>
                    </div>
                    
                </cell>
            </list>
The code of

html is above. How should I write the style to generate a list of two columns (50% width of each column)?

Mar.18,2021

Why not use waterfall?


using list and recycle-list in weex cannot display two columns in a row in a loop, because when weex is generated, it will generate one more layer to package all cell

clipboard.png
look at the picture in which the article tag is automatically generated and all the section packages are included, but the style cannot be used on this article, so list cannot do it. The correct solution is to use waterfall

.

it's good for young men to read more help documents

Menu