收藏
回答

【微信小程序】关于wxml页面响应式布局的问题?

当获取的图片是3张时,图片居中显示



当获取图片的数量是1张时,图片靠右显示



请问怎么添加判断句才能实现动态布局效果?

回答关注问题邀请回答
收藏

5 个回答

  • brave
    brave
    2022-05-15
    wx:if="{{item.pictureList.length === 1}}"
    .....
    
    2022-05-15
    有用 4
    回复
  • Frank
    Frank
    2022-05-16

    if else

    2022-05-16
    有用 2
    回复
  • 跨商通
    跨商通
    2022-05-16

    1、从代码可讲性讲,直接wx:if

    <block wx:if="{{xxx.length==3}}">
    ...
    </block>
    <block wx:if="{{xxx.length==1}}">
    ...
    </block>
    
    
    2022-05-16
    有用 1
    回复 1
    • 非晚
      非晚
      发表于移动端
      2022-05-16
      有用
      2022-05-16
      回复
  • 王『小』贱*#
    王『小』贱*#
    2022-05-16

    你写两个样式表然后在class中用 图片数组的length判断一下:

    <view class="pic {{item.picList.length > 1 ? 'center':'right'}}">
    
    2022-05-16
    有用 1
    回复
  • zhiou
    zhiou
    2022-05-16

    根据数据的length,分别写不同的样式

    2022-05-16
    有用 1
    回复
登录 后发表内容