微信扫码登录

其他登录方式

绑定手机号

注册

我同意用户协议

忘记密码

用户协议

绑定手机号

近期有不法分子打着爱盈利的旗号,制作“爱盈利”名称的App,并伪造爱盈利证件,骗取用户信任,以抖音点赞赚钱或其他方式赚钱为名义,过程中以升级会员获得高佣金为名让用户充值。
爱盈利公司郑重声明:我司没有研发或运营过任何名为“爱盈利”的APP,我司做任务赚钱类产品从没有让任何普通用户充值升级会员。我公司产品均在本网站可查询,请将网站拉至底部,点击“关于我们”可查看爱盈利相关产品与服务。
温馨提示:当遇到此类问题请拨打官方电话或添加官方微信,以免财产损失。爱盈利官网地址:www.aiyingli.com。
  • 推广与合作
X

小程序丨【已解决】wx:for,wx:if,image的应用疑问

来源: 5113

******HTML********

<view class='imageListCss' wx:for="{{imageList}}" >

<block wx:if="{{index%2===0}}"  >

<image class="ImageLeft" mode="aspectFit" src="{{item}}" background-size="cover"></image>      

</block>

<block wx:else>  

<image class="ImageRight"  mode="aspectFit" src="{{item}}" background-size="cover"></image>

</block>

</view>


*********CSS**********

.imageListCss {

width: 750rpx;

display: flex;

flex-direction:row;

justify-content:flex-start;

align-items:center;

}


.ImageLeft {

width: 50%;

}

.ImageRight {

width: 50%;

}


**********************************


这什么这里没办法一行输出两个图片,wx:for出来后全面都是每行输出一个图。


网友回复:

赵***:

<view class='imageListCss'>

<block wx:for="{{imageList}}">

<block wx:if="{{index%2===0}}">

<image class="ImageLeft" mode="aspectFit" src="{{item}}" background-size="cover"></image>

</block>

<block wx:else>

<image class="ImageRight" mode="aspectFit" src="{{item}}" background-size="cover"></image>

</block>

</block>

</view>


修***:

在楼上的基础上,再在.imageListCss {}里面加一句 flex-wrap: wrap; 就行了,设置自动换行

三***:

感谢,我试试。。


三***:

没毛病,解决问题。

爱盈利-运营小咖秀(www.aiyingli.com) 始终坚持研究分享移动互联网App运营推广经验、策略、全案、渠道等纯干货知识内容;是广大App运营从业者的知识启蒙、成长指导、进阶学习的集聚平台;

想了解更多干货知识,请关注公众号运营小咖秀(ID: yunyingshow)

评论

相关文章推荐

SELECT dw_posts.ID,dw_posts.post_title,dw_posts.post_content FROM dw_posts INNER JOIN dw_term_relationships ON (dw_posts.ID = dw_term_relationships.object_id) WHERE 1=1 AND(dw_term_relationships.term_taxonomy_id = 5246 ) AND dw_posts.post_type = 'post' AND (dw_posts.post_status = 'publish') GROUP BY dw_posts.ID ORDER BY RAND() LIMIT 0, 6

京ICP备15063977号-2 © 2012-2018 aiyingli.com. All Rights Reserved. 京公网安备 11010102003938号