<h5 id="微信小程序里不免需要列表显示有时候需要两排或者三排并列">微信小程序里不免需要列表显示,有时候需要两排或者三排并列
我的想法是显示一个大view,里面再包含一个wx:for 循环,里面的cell(姑且这么叫),肯定是一个float:left。 关键是这个大的view属性该如何写, 这样写
<pre class="prettyprint"><code class=" hljs handlebars"><span class="xml"><span class="hljs-tag"><<span class="hljs-title">view <span class="hljs-attribute">style=<span class="hljs-value">"float:none;width:100%;flex-direction:row-reverse;zoom:1;overflow:hidden;">
<span class="hljs-tag"><<span class="hljs-title">view <span class="hljs-attribute">wx:for=<span class="hljs-value">"<span class="hljs-expression">{{<span class="hljs-variable">canyushangarray}}<span class="xml"><span class="hljs-tag"><span class="hljs-value">" <span class="hljs-attribute">class=<span class="hljs-value">"canyushang" <span class="hljs-attribute">bindtap=<span class="hljs-value">"tapC" <span class="hljs-attribute">data-cid=<span class="hljs-value">"<span class="hljs-expression">{{<span class="hljs-variable">item.id}}<span class="xml"><span class="hljs-tag"><span class="hljs-value">">
<span class="hljs-tag"><<span class="hljs-title">image <span class="hljs-attribute">mode=<span class="hljs-value">"aspectFill" <span class="hljs-attribute">style=<span class="hljs-value">"width: 100%" <span class="hljs-attribute">src=<span class="hljs-value">"<span class="hljs-expression">{{<span class="hljs-variable">src}}<span class="xml"><span class="hljs-tag"><span class="hljs-value">"><span class="hljs-tag"></<span class="hljs-title">image>
<span class="hljs-tag"><<span class="hljs-title">text <span class="hljs-attribute">class=<span class="hljs-value">'wenzi'><span class="hljs-expression">{{<span class="hljs-variable">item.name}}<span class="xml"><span class="hljs-tag"></<span class="hljs-title">text>
<span class="hljs-tag"></<span class="hljs-title">view>
<span class="hljs-tag"></<span class="hljs-title">view>
这样的效果这样子
图片描述" title="">
高度也合适,我这里只有两排,当然可以更多,无非就是调整cell的宽度。
就酱