|
<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>
这样的效果这样子 
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
